Linee Guida del Brand
Tutto ciò che serve per rappresentare Spoki in modo coerente.
Palette colori
La nostra palette è costruita attorno al verde Spoki e a un set pulito di tonalità di supporto. Clicca un campione per copiare il suo codice hex — la stessa fonte di verità usata in tutto il prodotto.
Clicca un campione per copiare il codice hex
Colori primari
Questi sono i principali colori neutri, di brand e semantici che compongono la maggior parte dei colori usati nel design system e nei componenti.
Spoki Green
Testo nero su Verde
White
Testo nero su Bianco
Black
Testo bianco su Nero
Off-white
Testo nero su Off-white
Light Green
Testo nero su Verde chiaro
Tonalità
Le scale tonali complete per il verde brand e il grigio neutro, dalla tonalità più scura alla più chiara. Clicca un campione per copiare il suo codice hex.
Grigio neutro
Può essere sostituito con il colore neutro predefinito.
Brand
Palette colori primaria
Gradienti
Tre gradienti approvati per sfondi, illustrazioni e superfici a tema AI. Clicca un campione per copiare il suo CSS.
Colori secondari
Una palette di colori secondari valorizza i colori primari in un design system, aggiungendo varietà e profondità. Questi colori fungeranno da accenti, sfondi o evidenziazioni, mantenendo un design coeso e favorendo l'espressione creativa.
Viola
Palette colori secondaria
Verde Menta
Palette colori secondaria
Giallo
Palette colori secondaria
Blu
Palette colori secondaria
Turchese
Palette colori secondaria
Rosso
Palette colori secondaria
Palette colori canali
Ogni canale Spoki ha il suo colore distintivo. Usali come accenti per badge, tag e icone dei canali — mai come superfici primarie.
Canali
Uso dei canali
Icona nera su Verde
Icona nera su Bianco