Linee guida visive e comunicative per la piattaforma di assistenti AI personalizzati per l'enterprise.
Posizionamento
Chi siamo
WorkspaceAi è la piattaforma per creare assistenti AI personalizzati che rispondono usando i documenti aziendali, si collegano ai sistemi esistenti ed eseguono flussi automatizzati.
Intelligenza su misura
RAG, embedding e prompt engineering per adattare ogni assistente al dominio aziendale del cliente.
Integrazione nativa
Connessione ai sistemi esistenti via MCP, automazioni visuali e widget embeddabili.
Controllo enterprise
Permessi granulari, deploy on-premise o cloud, dati isolati per App e credenziali cifrate.
Tagline alternative
Logo
Marchio e logotipo
"Workspace" in display e "ai" in accento teal (#5EC4B8) — stessa riga, stesso font, attaccati. L'unico elemento a colore del logo.
Logo primario su sfondo chiaro · header, presentazioni e materiali marketing
Anatomia del logo
- 01Wordmark "Workspace"Bricolage Grotesque 800, W maiuscola e resto minuscolo, tracking −2%. Il peso visivo del marchio.
- ai"ai" accentoStesso font e peso 800, colore #5EC4B8, dx +6 px dal wordmark. Unico elemento a colore — niente gradienti, niente box.
- waMonogramma"w" + "ai" accentato in teal. Simbolo per favicon, sidebar e avatar.
- GGrigliaLockup su griglia 8 px, altezza 96 px (12 unità), larghezza 480 px (60 unità). Baseline a y=80, padding orizzontale 24 px.
Varianti del monogramma wa
Versioni ridotte
Quando usare cosa
- ≥ 200 px — wordmark unificato
- 100–200 px — compatto "Wai"
- 24–100 px — monogramma wa (sidebar, avatar)
- < 24 px — monogramma wa ridotto (favicon)
Badge · logo con scritta integrata
Regole d'uso badge — Cornice editoriale rx 2 px con layout masthead interno. Il badge va usato sempre intero, monocromatico.
App icon & lockup compatto
Wordmark
Bricolage Grotesque 800 · "ai" in #26807A su chiaro · #5EC4B8 su scuro
Grafia ufficiale
- ✓ Nel logo: Workspace + ai in teal, stessa riga e attaccati
- ✓ Nei testi: WorkspaceAi — W maiuscola, "Ai" finale
- ✕ Workspace AI, workspace.ai, WORKSPACEAI, Workspace A.I.
Scalabilità
Il monogramma "wa" resta leggibile fino a 16 px ed è pensato per funzionare da favicon.
Asset scaricabili
✓ Da fare
- Usare solo file SVG dalla cartella
/brand/ - Wordmark "Workspace" con W maiuscola, "ai" sempre minuscolo
- Usare il monogramma "wa" da solo per icone, avatar e favicon
- Mantenere "ai" in accento #5EC4B8, attaccato a "Workspace" sulla stessa riga
✕ Da evitare
- Separare "ai" su una riga diversa o metterlo in un contenitore
- Aumentare lo spazio tra "Workspace" e "ai" oltre 6 px
- Usare gradienti o più colori oltre l'accento su "ai"
- Applicare ombre, glow, gradienti o effetti 3D
- Usare il vecchio chip gradiente con spark: è deprecato
Colori
Palette cromatica
Il teal petrolato (hue 175 in OKLCH) comunica intelligenza, affidabilità e un carattere editoriale che dialoga con la carta calda del manuale. Il tema scuro è quello predefinito dell'applicazione.
Colori primari
oklch(0.62 0.12 175)#5EC4B8 · dark modeoklch(0.48 0.11 175)#26807A · light modeoklch(0.17 0.015 175)#121918 · sfondo appvar(--paper-bright)#F0EBE3 · testo su scuroColori di supporto
oklch(0.62 0.10 195)Integrazioni, datioklch(0.58 0.14 28)Automazioni, azionioklch(0.68 0.14 72)Avvisi, attenzioneoklch(0.704 0.191 22.216)Errori, eliminazioniGradiente testo brand — Usato per titoli e wordmark nella sidebar:linear-gradient(100deg, foreground → primary 80%)
Tipografia
Font e gerarchia
Bricolage Grotesque per il logo (800 + 500). IBM Plex Mono per etichette tecniche. Nell'app: Space Grotesk e Inter.
Aa Bb Cc
Aa Bb Cc
Voce & tono
Come parliamo
Professionale ma accessibile. Tecnico quando serve, mai ostentato. Il cliente deve capire il valore, non la complessità interna.
Principi
Esempi copy
"Leveraging cutting-edge LLM orchestration pipelines..."
"L'assistente risponde usando i tuoi documenti aziendali, addestrati e indicizzati in modo sicuro."
Lessico del prodotto
Componenti UI
Elementi dell'interfaccia
Border radius 0.75rem, bordi sottili semi-trasparenti, accenti primari con opacità. Coerente con shadcn/ui e Tailwind CSS v4.
Pulsanti
Badge & stati
Input
Border radius
Applicazioni
Contesto d'uso
La brand identity si applica a tutti i touchpoint del prodotto e della comunicazione commerciale.
Applicazione web
Pannelli Admin e User, chat, automazioni. Tema scuro default, logo in sidebar.
Widget embed
Chatbot integrabile su siti clienti. Personalizzabile con logo e titolo del cliente.
Documentazione
Presentazioni partner, guide demo, API docs. Sfondo chiaro accettabile per stampa.
White-label
WorkspaceAi supporta personalizzazione via variabili d'ambiente (APP_NAME, APP_LOGO_URL, APP_FAVICON_URL). Per i clienti white-label, il logo del cliente sostituisce quello WorkspaceAi mantenendo palette e tipografia di sistema, salvo accordi diversi.