Prima il dato, poi l'aggettivo
SìSolo il 56% delle consegne arriva in orario.
NoPerformance di consegna migliorabili.
Linee guida
Identità visiva di GreenLog
Le regole per usare logo, colori e caratteri in modo coerente su sito, dashboard, slide e documenti del progetto. Tutti i valori sono anche nel file assets/brand.css.
Logo
Il logo si usa così com'è: il camion, con le scie che diventano le barre di un grafico, e la scritta GreenLog, con "Green" in verde e "Log" in inchiostro. Sempre su fondo chiaro.
Dimensioni
Sotto i 120px di larghezza la scritta non si legge più. Per favicon e icone si usa solo il camion, bianco su verde.
File
SVG vettoriali e PNG con fondo trasparente. Per la dashboard, che ha il fondo scuro, c'è la versione con "Log" chiaro.
Colori
Un solo colore di marca, il verde del logo, su una base di neutri chiari. Il colore segnala azioni e risultati, non decora.
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Stato di lavorazione. Per "in sviluppo" si usa l'ambra: testo #8A5A00 su #FBF1DA. Niente rossi, blu o viola nell'interfaccia. La dashboard oggi usa ancora un tema scuro con un verde più chiaro (#4fc98c), scelto per il contrasto sul nero: allinearla al fondo chiaro è un passo aperto.
Tipografia
Due caratteri della stessa famiglia, IBM Plex, gratuiti su Google Fonts. Sono gli stessi della dashboard.
IBM Plex Sans, 400 500 600
Aa
Titoli, testo, bottoni e cifre grandi. Le cifre usano sempre numeri tabellari, così le colonne restano allineate.
IBM Plex Mono, 400 500
Aa
Etichette, identificativi come TRK00042, nomi di tabelle e codice. Mai per paragrafi o per cifre in corpo grande.
| Titolo pagina | Dati che decidono | 40-60px, 600, -0,03em |
| Titolo sezione | Sette domande | 29-38px, 600, -0,02em |
| Titolo riquadro | Quanto possiamo risparmiare? | 18-22px, 600 |
| Testo | Portando ogni camion alla media di marca si recuperano 27 mila euro l'anno. | 17px, 400, interlinea 1,6 |
| Cifra in evidenza | 170.820 | 36-52px, 500, tabellare |
| Etichetta | Aggiornato 14/09/2026 | Mono 12-13px, maiuscolo |
Componenti
Forme sobrie: raggio 6px per i bottoni, 10px per i riquadri, pillola solo per i tag. Nessuna ombra: i livelli si separano con fondi e filetti.
Bottoni
Un solo bottone pieno per pagina e per azione. Le etichette dicono cosa succede, in due o tre parole.
Tag di stato
ProntoIn sviluppo
Solo per uno stato reale di lavorazione, mai come decorazione.
Cifra con didascalia
55,7%
delle consegne arriva in orario.
Il numero da solo non basta: la didascalia dice cosa misura, in formato italiano.
Tono di voce
GreenLog parla a chi deve decidere su una flotta. Frasi brevi, numeri veri, limiti dichiarati.
Numeri in formato italiano
Sì€27k l'anno, 170.820 consegne, 55,7%
No$27K/yr, 170,820 deliveries, 55.7%
I limiti si dicono
SìIl KPI misura il ricavo, non il margine: mancano i costi per cliente.
NoRedditività completa di ogni cliente.
Verbi concreti, niente slogan
SìUna view SQL per ogni KPI.
NoSoluzioni innovative basate sui dati.