Guida al brand
Un marchio, un verde, una voce.
L'intero sistema di brand Protocore — logo, spazio di rispetto, colore, tipografia, voce e naming — in una pagina. Leggilo qui o scarica il PDF.
Sistema del logo
Quattro modi di comporre il marchio.
Il marchio a core sfaccettato è l'unico asset disegnato. I lockup affiancano il nome, accanto o sotto, in Roboto Medium: non ridisegnare mai nessuno dei due.
Da solo nelle dimensioni ridotte — favicon, icone app e ovunque il nome non resterebbe leggibile.
Il marchio accanto al nome. La versione predefinita: intestazioni, documenti e firme.
Il marchio sopra il nome. Per spazi quadrati: social card, tile e timbri.
Il marchio centrato su una tile a tinta unita da 1024 px. Per le immagini del profilo su qualsiasi piattaforma.
Area di rispetto e dimensioni
Spazio intorno, un minimo sotto.
Due valori fissi mantengono il marchio leggibile ovunque appaia.
Area di rispetto — una larghezza del marchio su tutti e quattro i lati.
- Area di rispetto
- La larghezza del marchio stesso, su tutti e quattro i lati. Nulla vi entra: né testo, né filetti, né bordi della pagina.
- Altezza minima · digitale
- 16 px. Sotto questa soglia la leggibilità si perde: usa solo il marchio, mai un lockup.
- Altezza minima · stampa
- 6 mm.
Colore
Cinque colori, ruoli precisi.
Quasi monocromatico per impostazione predefinita. Il verde è un accento, non un tema: non riempie mai grandi superfici.
Testo su fondo chiaro. Superfici scure.
Sfondi chiari delle pagine.
Card su paper. Testo su ink.
Il verde — solo su superfici scure.
Testo in accento su bianco — link ed etichette.
Tipografia
Parla Roboto.
Due famiglie coprono tutto. Nessun terzo carattere, nessun corsivo per enfatizzare.
UI e titoli — 400 per il testo, 500 per titoli e lockup, 700 con parsimonia.
Etichette, eyebrow e numeri — maiuscolo, con spaziatura ampia.
Le etichette di sezione iniziano con tre barre e uno spazio — in Roboto Mono, maiuscolo, con spaziatura ampia. Le barre sono caratteri digitati, non elementi grafici disegnati.
Voce e tono
Dire meno, con convinzione.
Cinque regole valgono per ogni riga di testo Protocore, dai titoli alle etichette dei pulsanti.
Denominazione
I prodotti portano il nome di famiglia.
Un unico schema, applicato senza eccezioni.
- Prima menzione
- Nome completo — “Protocore Pay”, “Protocore Gateway”. Poi il solo nome del prodotto.
- PDS
- Abbreviazione di Protocore Design System. Estendila alla prima menzione, poi usa PDS.
- L'azienda
- Protocore — una sola parola, P maiuscola. Mai ProtoCore, PROTOCORE o Proto Core.
Utilizzo
Da fare e da evitare.
Le regole del press kit, estese all'intero sistema.
- 01Mantieni uno spazio libero pari alla larghezza del marchio su tutti i lati.
- 02Usa la variante nera su sfondi chiari e quella bianca su sfondi scuri.
- 03Riserva la variante accento alle superfici inchiostro (#0a0a0a).
- 04Scala partendo dai file SVG: il marchio resta nitido a qualsiasi dimensione.
- 05Usa il lockup verticale quando lo spazio è quadrato.
- 06Sotto i 16 px di altezza, passa al solo marchio.
- 01Non ricolorare il marchio oltre le varianti fornite.
- 02Non ruotare, non contornare, non aggiungere ombre o altri effetti.
- 03Non ridisegnare il marchio e non alterarne le proporzioni.
- 04Non comporre il nome Protocore in un altro carattere: i lockup usano Roboto Medium.
- 05Non usare il verde d'accento su bianco: per il testo in accento usa #0e9e6e.
- 06Non mettere il marchio su fotografie o sfumature: solo ink o paper a tinta unita.
File
Porta con te il sistema.
La guida in PDF, gli asset in un unico zip. Ogni singolo file è nella pagina stampa.