Il kit del brand.
Logo, pittogramma, colori e caratteri di Norea Labs, con le regole per usarli. Scarica il kit completo o prendi i singoli file da questa pagina.
ZIP · 356 KB
- Payoff
- Strumenti di controllo per le PMI italiane.
- La riga sotto il logotipo, nel logo con payoff.
- Frase di posizionamento
- Il posto dove PMI e ditte italiane trovano gli strumenti di controllo per i loro business.
- Sulle superfici più lunghe: hero del sito, meta description, bio dei profili social.
Il logo.
Due versioni, con e senza payoff, in tre colori. Usa quella con payoff dove il payoff si legge; quando diventa troppo piccolo, passa a quella senza.
Ogni versione è mostrata sul fondo per cui è disegnata. Sullo schermo usa l'SVG, il PNG solo dove l'SVG non è accettato.
Nero
Pittogramma e payoff blu, logotipo nero. Su bianco e sugli altri fondi chiari.
Bianco
Pittogramma e payoff verdi, logotipo bianco. È la versione principale su nero e sugli altri fondi scuri.
Bianco V2
Pittogramma blu, logotipo e payoff bianchi. Sui fondi scuri solo in grande: il blu sul nero arriva a 2,8:1.
Pittogramma
Da solo, per avatar, favicon e come unico accento grafico. Non ruotarlo, non contornarlo, non ricolorarlo e non ridisegnarlo. Non è un'icona: non usarlo come punto elenco.
Icona dell'app
Il pittogramma da solo, centrato su un fondo pieno e dentro il 60% centrale: blu su bianco, verde su nero nell'aspetto scuro. Niente testo, ombre o rilievi.
I colori.
Cinque colori piatti, sempre a piena intensità: niente sfumature, gradienti o bianco puro. Il blu guida; verde e arancio sono accenti, uno per vista.
- Blu#2134fd
RGB 33 52 253
Il colore guida: pittogramma del logo nero e del bianco V2, pulsanti principali, blocchi di colore. Come testo solo sul bianco (6,1:1).
- Nero#0a081e
RGB 10 8 30
Il logotipo sui fondi chiari e il fondo del tema scuro. Prende il posto del nero puro.
- Bianco#efefef
RGB 239 239 239
Il fondo del tema chiaro e il logotipo dei loghi bianchi. Prende il posto del bianco puro.
- Arancio#f44f19
RGB 244 79 25
Accento: il pittogramma arancio e l'unica cosa da guardare, come un avviso. Sopra va il testo nero (5,6:1).
- Verde#adea39
RGB 173 234 57
Accento: il pittogramma del logo bianco e le evidenziazioni sui fondi scuri. Sopra va il testo nero (13,7:1).
Le regole
- Il blu non va mai come testo o segno sottile sul nero (2,8:1): nel tema scuro link e focus diventano verdi.
- Il verde non va mai come testo o segno sottile sul bianco (1,25:1): solo come fondo, con testo nero.
- L'arancio come testo va sul nero, o sul bianco solo da 24 px in su (3,05:1).
- Il colore non è mai l'unico segnale: affiancagli una parola, un'icona o una forma, e sottolinea i link nel testo.
- Niente ombre: separa le aree con filetti pieni da 2 px nel colore del testo o con blocchi di colore piatti. Angoli sempre retti, a 0 px: blocchi, immagini, pulsanti, campi, etichette, schede e pannelli.
I caratteri.
Due famiglie e tre pesi: Montserrat Alternates Black per i titoli grandi, Inclusive Sans in 400 e 700 per tutto il resto.
Montserrat Alternates Black
900
Il carattere da cui è disegnato il logotipo, usato in grande: titoli di otto parole al massimo e numeri fuori scala per le sequenze vere (fasi, passi, la ripartizione dei pagamenti). Mai per paragrafi, pulsanti o etichette.
WOFF2, Montserrat Alternates BlackLicenza OFL di Montserrat Alternates BlackGoogle Fonts: Montserrat Alternates Black
- display-xl56–150, interlinea 1,1 · 900
- Controllo.
- display-l44–96, interlinea 1,1 · 900
- Strumenti di controllo.
- display-m36–60, interlinea 1,1 · 900
- Regole applicate allo stesso modo, ogni volta.
- numeral56–128, interlinea 1 · 900, spaziatura -0,04em
- 30%
Inclusive Sans
400 · 700
Il carattere del payoff e di tutto il resto: titoli sotto la misura display, testi e interfaccia.
WOFF2, Inclusive SansLicenza OFL di Inclusive SansGoogle Fonts: Inclusive Sans
- heading-132/40 · 700
- Per le PMI italiane
- heading-224/32 · 700
- Come lavoriamo
- heading-319/26 · 700
- Analisi dei processi
- payoff20/28 · 400 e 700
- Strumenti di controllo per le PMI italiane.
- body-l20–22, interlinea 1,45 · 400
- Il posto dove PMI e ditte italiane trovano gli strumenti di controllo per i loro business.
- body17/24 · 400
- Il prezzo è fisso per il perimetro concordato, con i criteri di accettazione scritti prima dell'avvio.
- small14/20 · 400
- Ultimo aggiornamento: ottobre 2026
- label14/20 · 700, maiuscolo, spaziatura 0,1em
- Prenota una chiamata
- caption12/16 · 700, maiuscolo, spaziatura 0,14em
- Casi studio
Le regole
- Solo questi due caratteri e solo i pesi 400, 700 e 900: mai pesi leggeri.
- Testo corrente a 17 px, mai sotto i 14 px. Le etichette dell'interfaccia sono in maiuscolo, in 700 e spaziate da 0,08 a 0,16 em, mai sotto i 12 px.
- Interlinea di almeno 1,4 nei paragrafi; il testo resta leggibile anche ingrandito al 200%.
- L'enfasi si fa con il peso, mai con il colore o il corsivo: nel payoff controllo e PMI italiane vanno in 700, il resto in 400.
- Italiano, maiuscola solo a inizio frase; il payoff e le frasi brevi chiudono con il punto. Niente gergo tecnico, niente emoji.
- Mai scrivere «Norea Labs» in Montserrat Alternates al posto del logo: usa i file del logo.
Entrambi i caratteri sono su Google Fonts con licenza SIL Open Font License 1.1: si possono usare anche in progetti commerciali e ridistribuire insieme alla licenza. Nel kit ci sono i file WOFF2 per il web; per Figma, Keynote o Word installa le versioni complete da Google Fonts.
Scarica il kit.
Un file ZIP con tutto quello che vedi in questa pagina, più le linee guida complete e le regole per i social.
ZIP · 356 KB
- Linee guida
- In inglese: principi, contenuti, colore, caratteri e logo (Design-system.md), formati e regole per i social (Social.md) e i valori esatti dei quattro temi (tokens.json).
- Logo
- Con e senza payoff, in nero, bianco e bianco V2: SVG, SVG per il web e PNG.
- Pittogramma
- Blu, verde e arancio, in SVG e PNG.
- Caratteri
- Montserrat Alternates Black e Inclusive Sans in WOFF2, con le licenze OFL.