Automate AI
Documento ufficiale · v1.1 · 2026

Brand Style Guide

Il riferimento ufficiale per l'identità visiva di Automate AI: sistema di logo, palette colori, tipografia, tono di voce e applicazioni. Pensato per designer, sviluppatori e team che producono contenuti del brand.

Esplora i colori → Vedi le applicazioni
Nome
Automate AI
Settore
Intelligenza Artificiale · Automazione
Personalità
Innovativo · Affidabile · Futuristico · Accessibile
AutomateAi
Versione primaria · Stacked
Capitolo 01

Il Logo

Unisce un simbolo robotico geometrico e amichevole a un wordmark moderno. Comunica l'incontro tra tecnologia avanzata (AI) e semplicità d'uso (automazione).

Primaria · Stacked
Simbolo sopra wordmark
Automate Ai
Orizzontale
Header, email, banner
Solo simbolo
Favicon, app icon
Inverted · Dark
Sfondi scuri

📐 Area di rispetto (Clear Space)

  • Spazio minimo= altezza dell'occhio
  • Equivalente a~25% dell'altezza del simbolo
  • VincoloNessun elemento grafico invade l'area
  • Dimensione digitale≥ 120 px larghezza
  • Dimensione stampa≥ 25 mm larghezza

🧩 Componenti del marchio

  • SimboloRobot geometrico amichevole
  • Wordmark "AUTOMATE"Poppins 800 · Blu
  • Wordmark "AI"Poppins 800 · Nero
  • TrackingLetter-spacing +0.08em
  • CaseMAIUSCOLO sempre
Capitolo 02

Usi corretti e vietati

Regole non negoziabili per preservare la coerenza del marchio in ogni applicazione digitale e stampata.

✓

Consentito

  • Logo su sfondo bianco o superfici chiare neutre (Grey #F4F5F7)
  • Versione monocromatica bianca su sfondi scuri (Blu Scuro #1E2680)
  • Logo su immagini con overlay scuro (opacità minima 60%) per garantire contrasto
  • Mantenere proporzioni originali in ogni ridimensionamento
  • Rispetto dell'area di rispetto e delle dimensioni minime
✕

Vietato

  • Deformare, allungare, ruotare o inclinare il logo
  • Modificare i colori originali della palette
  • Aggiungere ombre, gradienti, bagliori o effetti 3D
  • Ricomporre gli elementi (es. simbolo accanto al testo)
  • Utilizzare il logo su sfondi troppo trafficati o a basso contrasto
  • Alterare la tipografia o la spaziatura tra le lettere
Capitolo 03

Palette Colori

Tre colori primari ne definiscono l'identità, tre secondari ne estendono l'applicazione in interfacce e illustrazioni. Il rapporto 60/30/10 mantiene equilibrio visivo in ogni composizione.

Colori Primari
Blu Automate
HEX · #3D4EE4
RGB · 61, 78, 228
CMYK · 73/66/0/0
Nero Tech
HEX · #111111
RGB · 17, 17, 17
CMYK · 0/0/0/95
Bianco Puro
HEX · #FFFFFF
RGB · 255, 255, 255
CMYK · 0/0/0/0
Colori Secondari
Blu Chiaro
HEX · #8E99F0
Uso · Hover · illustrazioni
Blu Scuro
HEX · #1E2680
Uso · Sfondi scuri · sezioni
Grigio Neutro
HEX · #F4F5F7
Uso · Card · superfici UI
60% · Bianco / Grigio Neutro 30% · Blu Automate 10% · Nero
Il bilanciamento 60/30/10 è la regola di proporzione da rispettare in ogni layout del brand: il neutro domina come base, il blu guida accenti e CTA, il nero struttura testi e dettagli.
Capitolo 04

Tipografia

Poppins guida titoli, headline e branding grazie al carattere rotondo e amichevole. Inter gestisce paragrafi estesi e UI dense con neutralità e compattezza.

H1 · 800
Automatizza l'intelligenza.
H2 · 700
AI alleata, non sostituta.
H3 · 600
Soluzioni pensate per i team.
Body · 400
Poppins è disponibile su Google Fonts con il set Latin esteso, ideale per l'italiano. Per testi lunghi in Poppins valutare +0.5 pt di corpo; l'interlinea consigliata è 1.4–1.6.
Caption · 500
Etichetta · nota a margine · metadata

🔤 Poppins · Font primario

  • CarattereGeometric sans-serif rotondo
  • CoerenzaForme circolari del simbolo
  • Pesi usati400 · 500 · 600 · 700 · 800
  • Massimo per pagina2 pesi diversi
  • Wordmark caseMAIUSCOLO · +0.08em tracking

🔤 Inter · Font alternativo

  • CarattereNeutra · compatta · funzionale
  • Ideale perUI densa · dashboard · email
  • Pesi usati400 · 500 · 600
  • Interlinea1.4–1.6 (body) · 1.15 (titoli Poppins)
  • GerarchiaPoppins titoli → Inter body lungo
Capitolo 05

Tono di Voce

Chiaro, diretto, professionale. L'AI come alleata, mai come sostituta dell'intelligenza umana. Evita il gergo corporate e le esagerazioni fantascientifiche.

✅ Siamo

  • Chiaro e diretto
  • Professionale
  • Orientato al futuro
  • Compagni dell'utente

❌ Non siamo

  • Troppo tecnico o gergale
  • Rigido o freddo
  • Fantascientifico o esagerato
  • Sostituti dell'uomo

Esempi pratici · cosa scrivere (e cosa no)

✓ Da usare
"Automatizza i processi ripetitivi. Concentrati su ciò che conta."
✕ Da evitare
"La nostra piattaforma sinergica rivoluziona i workflow enterprise."
✓ Da usare
"Automate AI lavora al tuo fianco per ridurre il lavoro manuale."
Capitolo 06

Applicazioni di riferimento

Esempi reali di applicazione del brand su digital e stampa, dal sito web ai biglietti da visita.

Automate Ai

Automatizza l'intelligenza

Header bianco · CTA in Blu Automate

Inizia ora →

Sito web · Header

Logo orizzontale in alto, CTA in Blu Automate con Poppins SemiBold, pulsanti con border-radius 8–12 px.

Automate Ai
Marta Rossi
Head of Product · marta@automate.ai

Biglietto da visita · Fronte

Fronte bianco con logo primario. Retro in Blu Automate con dati anagrafici in bianco.

Automate Ai
Cover presentazione

Presentazione · Copertina

Titolo in Poppins ExtraBold bianco su sfondo Blu Scuro. Wordmark in versione monocromatica invertita.

Prova gratis

App icon

Simbolo del robot su sfondo Blu Automate. Minimo 24 × 24 px, ideale su entrambe le piattaforme iOS e Android.

UI ELEMENT

Iconografia UI

Lineari, geometriche, angoli arrotondati. Tratto 2–2,5 px su griglia 24 px, palette limitata (blu, nero, bianco).

Newsletter
Notizie dal
team Automate
Iscriviti

Email · Newsletter

Header su Blu Scuro, tipografia Inter per i paragrafi, CTA in Bianco con testo Blu Scuro.