Wordmark
Variante principale, sfondo scuro
Marchio
Branding Kit uh!ive
Loghi, colori, caratteri e regole d’uso del marchio uh!ive, riuniti in un solo posto. Tutto il necessario per rappresentare il marchio correttamente, dentro e fuori l’azienda.
Logo
Il logo e le sue varianti
Quattro forme ufficiali coprono tutti gli usi. Il wordmark per i contesti ampi, la bubble per i piccoli formati e gli avatar. Rispettate le proporzioni, non ricolorate mai fuori dalla palette.
Wordmark + claim
Comunicazioni ufficiali
Bubble
Piccoli formati, favicon, avatar
Wordmark invertito
Da posare su sfondo chiaro
Area di rispetto
Wordmark: 1x l’altezza della h tutt’intorno. Bubble: 0,25x il diametro. Nessun elemento entra in quest’area.
Dimensioni minime
Wordmark con tagline: 140px a schermo, 35mm in stampa. Senza tagline: 80px, 20mm. Al di sotto, passate alla bubble.
Colori ammessi
Primary bianco su sfondo scuro. Inverted Blueprint 800 su sfondo chiaro. Bubble sempre in Glacier 500.
Da fare
- Usare i file sorgente ufficiali
- Mantenere le proporzioni (scalatura uniforme)
- Rispettare l’area di rispetto
- Aggiungere il simbolo sui supporti ufficiali
Da non fare mai
- Deformare, inclinare o ruotare
- Ricolorare fuori dalla palette o aggiungere un effetto
- Separare il punto esclamativo dalla i
- Posare il logo su uno sfondo a basso contrasto
Colori
Palette ufficiale
Sette famiglie, dieci tonalità ciascuna, da 50 a 900. Le variabili sono la fonte di verità: Glacier per l’accento, Blueprint per la struttura, Obsidian per le superfici.
Il clic copia
Glacier
Accento distintivo, colore interattivoBlueprint
Struttura, profondità, sfondiObsidian
Neutri scuri, codice, superficiPremium
Viola IA, funzionalità avanzateSuccess
Stato positivo, convalidaWarning
Errore, allerta criticaAttention
Attenzione, informazione da segnalareAccessibilità: le tonalità 400 e 500 non sono mai usate come testo su sfondo chiaro (contrasto insufficiente). Sullo sfondo scuro di riferimento, preferite le tonalità da 200 a 400. Non trasmettete mai un’informazione con il solo colore.
Tipografia
Tre famiglie, un sistema
Montserrat regge i titoli del sito e della comunicazione web. Inter regge l’interfaccia, il corpo del testo e la webapp. JetBrains Mono serve il codice, i dati e l’API.
Aa
Inter
Interfaccia, corpo del testo, webapp
400 / 500 / 600 / 700 / 800
Google FontsAa
Montserrat
Titoli del sito e del web, stampa
500 / 600 / 700 / 800
Google FontsAa
JetBrains Mono
Codice, dati, API
400 / 500
Google FontsScala tipografica
| Token | Dimensione | Interlinea | Peso |
|---|---|---|---|
| Display | 72px | 1.05 | 800 |
| H1 | 56px | 1.1 | 700 |
| H2 | 40px | 1.15 | 700 |
| H3 | 28px | 1.25 | 600 |
| H4 | 22px | 1.3 | 600 |
| H5 | 18px | 1.4 | 600 |
| H6 | 15px | 1.5 | 600 |
| Lg | 18px | 1.6 | 400 |
| Base | 16px | 1.6 | 400 |
| Sm | 14px | 1.5 | 400 |
| Xs | 13px | 1.5 | 400 |
| 2xs | 11px | 1.4 | 600 |
Iconografia
Icone
Il sistema poggia sulla base Lucide, tratti coerenti, mai testo in immagine. Tre dimensioni di riferimento a seconda del contesto.
16px
Testo corrente, etichette
20px
Pulsanti, campi
24px
Navigazione, schede
Colori semantici allineati alla palette: Glacier per l’interattivo, Blueprint per il neutro, semantici per gli stati. Area cliccabile minima 44x44px.
Download
Risorse
Tutto il materiale di marca, pronto all’uso.
Dubbi su un utilizzo?
Il marchio uh!ive è un bene protetto. Per qualsiasi uso al di fuori dei casi qui trattati, co-branding, materiale stampa o richiesta specifica, contattate il team. Vedete anche la nostra esperienza.