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.