Orizzontale — colore (sfondo chiaro)
Variante principale. Leaf brand-primary, testo ink. Da usare ovunque su sfondo chiaro.
Brand kit
Linee guida
Logo, colori, tipografie. Questa pagina funge da riferimento per il team Chargekeeper e da kit di marca per i nostri partner che integrano i nostri visual.
Una domanda sull'uso del marchio? Contattaci.
Logo
Varianti principali
Usa la variante adatta al contrasto dello sfondo. Mantieni sempre un'area di rispetto intorno al logo pari all'altezza della foglia.
Orizzontale — signature (sfondo scuro)
Variante DNA. Leaf verde signature, testo bianco. Da riservare agli sfondi scuri e ai momenti di forte impatto.
Variante signature — foglia in #38E54D (verde DNA). Riservata agli sfondi scuri.
Orizzontale — monocromatico bianco
Tutto bianco. Per sfondi scuri molto carichi (foto scure) o supporti monocromatici.
Verticale — signature (sfondo scuro)
Variante verticale DNA. Usata nel footer del sito.
Variante signature — foglia in #38E54D (verde DNA). Riservata agli sfondi scuri.
Verticale — nero (monocromatico)
Verticale monocromatico nero. Stampa, fax, supporti in bianco e nero.
Uso del logo
Da fare & da evitare
Da fare
- Mantenere un'area di respiro intorno al logo (≥ altezza della foglia).
- Usare la variante adatta al contrasto dello sfondo.
- Mantenere le proporzioni originali (nessuno stiramento).
- Preferire l'SVG per il web e la stampa.
Da evitare
- Non modificare i colori al di fuori della palette ufficiale.
- Non aggiungere effetti (ombre, contorni, gradienti).
- Non ruotare o deformare il logo.
- Non posare il logo su uno sfondo poco contrastato.
Mascotte
Keeper
Personaggio di marca usato per le illustrazioni amichevoli, le pagine di errore e la comunicazione interna.
Keeper è la nostra mascotte. Appare principalmente in contesti giocosi (pagina 404, materiali interni, eventi). Da usare con parsimonia nelle comunicazioni commerciali — preferire il logo nei contesti formali.
Colori
Palette
Tre ruoli distinti: un verde universale per l'uso corrente, un verde signature per il DNA su sfondo scuro e un accento lime per le evidenziazioni tipografiche. Token CSS definiti in global.css — fare sempre riferimento al token, mai al valore esadecimale fisso.
Su sfondo chiaro — colori di lavoro
#27a273
Brand primary
--color-brand-primary Universale. Pulsanti, link, accenti UI, leaf del logo «giorno». Tutti gli sfondi, tutti i contesti.
#1a8a5e
Brand primary dark
--color-brand-primary-dark Hover / pressed del brand primary.
#e1ffa0
Accent lime
--color-accent-lime Evidenziazione tipografica solo su sfondo chiaro (effetto «evidenziatore giallo» sulle parole chiave). Non è un colore del marchio.
Su sfondo scuro — DNA signature
#38E54D
Vert signature
--color-signature DNA storico. Riservato agli sfondi scuri e ai momenti a forte impatto: logo «notte», badge live, sessioni in corso, accenti hero dark. Mai su sfondo chiaro (leggibilità).
Scala verde
#c8fbe7
green-50
--color-green-50 Sfondi molto chiari, gradienti hero.
#a8eccc
green-100
--color-green-100 Superfici secondarie colorate.
#5fc99c
green-300
--color-green-300 Illustrazioni e stati intermedi.
#27a273
green-500
--color-green-500 Identico al brand primary.
#32735f
green-600
--color-green-600 Testo su sfondo chiaro, accenti sobri.
#1a3e39
green-700
--color-green-700 Superfici scure terziarie.
#164038
green-800
--color-green-800 Superfici scure secondarie.
#143109
green-900
--color-green-900 Superfici scure profonde, sezioni premium.
#071412
green-950
--color-green-950 Footer, sfondi scuri signature, hero dark.
#071412
ink
--color-ink Testo principale. Identico a green-950.
#ffffff
paper
--color-paper Sfondo principale, superfici.
#fafafa
paper-soft
--color-paper-soft Sezioni alternate, schede.
#e6e6e6
paper-mute
--color-paper-mute Bordi, separatori, disabilitato.
Tipografia
Font
Due font principali — un display per i titoli, un sans-serif per il testo corrente. Stack mono per il codice.
Averta Std
Display — titoli
--font-display Supervisione EV pensata per i professionisti
Geometric sans, carattere premium. Riservato agli H1–H6.
Fallback: General Sans, Inter, system-ui.
General Sans
Testo — corpo & UI
--font-sans La soluzione di supervisione completa, interoperabile e scalabile.
Sans-serif neutro, ottima leggibilità a schermo. Utilizzato per tutto il testo corrente e l'UI.
Fallback: Inter, system-ui, Segoe UI, sans-serif.
ui-monospace
Codice, token
--font-mono OCPP 2.0.1 · API_KEY=ck_…
Stack di sistema: SFMono-Regular, Menlo, Monaco, Consolas, monospace.
Nessun font custom — prestazioni e coerenza con l'OS.
Scala tipografica
H1 — Display 6xl
H2 — Display 5xl
H3 — Display 4xl
H4 — Display 2xl
Paragrafo introduttivo — lg/xl, text-ink/80.
Testo corrente — base, text-ink/70.
Nota / caption — sm, text-ink/60.
Eyebrow — xs, uppercase, tracking large, brand-primary
Sei un partner?
Scarica i logo direttamente da questa pagina. Per formati aggiuntivi (AI, EPS, vettoriale ad alta risoluzione) o co-branding specifici, contattaci.