Design system · uso interno
JulienneOne — sistema visivo.
Light Premium SaaS con identità Copper + Teal. Il semaforo verde/ambra/rosso è il pattern centrale del prodotto. Ogni token è una variabile CSS in app/globals.css.
Colore
Copper
--brand
Copper deep
--brand-deep
Teal
--teal
Navy
--navy
Ink
--ink
Surface
--surface
Verde
--green
Ambra
--amber
Rosso
--red
Copper soft
--brand-soft
Teal soft
--teal-soft
BG soft
--bg-soft
Tipografia
Display · Inter
Heading · tracking stretto
Body · Inter 400. Il commerciale italiano è scettico: il testo deve essere leggibile e calmo, mai gridato.
Mono · JetBrains Mono · ART. 7.2 · REQ_a1b2c3
Bottoni
Pill & semaforo
BrandTealConformeDa verificareLuce rossaNeutro
Luce verdeDa verificareLuce rossa
Confidenza dell'analisi78%
Finding card
Luce rossaArt. 7.2
Penali non ribaltate
Rischio di penali non specchiate sul subfornitore.
Impatto€ 30.000 / giorno
Azione
Inserire il mirroring back-to-back.
Da verificareArt. 12
Recesso asimmetrico
Preavviso 30 vs 180 giorni a sfavore.
Impatto6 mesi esposti
Azione
Negoziare simmetria del preavviso.
Luce verdeArt. 9
Massimale conforme
Cap di responsabilità allineato al valore annuo.
Azione
Nessuna azione richiesta.
Elevazione & superfici
xs
sm
md
lg
Fine
Token-based, reversibile.
Cambiare identità (es. tornare a un brand diverso) è questione di poche variabili CSS — i componenti non si toccano.