Directives de Marque
Tout ce dont vous avez besoin pour représenter Spoki de manière cohérente.
Palette de couleurs
Notre palette est construite autour du vert Spoki et d'un ensemble épuré de teintes de soutien. Cliquez sur un échantillon pour copier son code hex — la même source de vérité utilisée dans tout le produit.
Cliquez sur un échantillon pour copier son code hex
Couleurs primaires
Ce sont les principales couleurs neutres, de marque et sémantiques qui composent la majorité des couleurs utilisées dans le design system et les composants.
Spoki Green
Texte noir sur Vert
White
Texte noir sur Blanc
Black
Texte blanc sur Noir
Off-white
Texte noir sur Off-white
Light Green
Texte noir sur Vert clair
Teintes
Les échelles tonales complètes pour le vert de marque et le gris neutre, du ton le plus foncé au plus clair. Cliquez sur un échantillon pour copier son code hex.
Gris neutre
Peut être interverti avec la couleur neutre par défaut.
Marque
Palette de couleurs primaire
Dégradés
Trois dégradés approuvés pour les fonds, illustrations et surfaces à thème IA. Cliquez sur un échantillon pour copier son CSS.
Couleurs secondaires
Une palette de couleurs secondaires valorise les couleurs primaires dans un design system, ajoutant de la variété et de la profondeur. Ces couleurs servent d'accent, de fond ou de mise en évidence, tout en maintenant un design cohérent et en encourageant l'expression créative.
Violet
Palette de couleurs secondaire
Vert Menthe
Palette de couleurs secondaire
Jaune
Palette de couleurs secondaire
Bleu
Palette de couleurs secondaire
Turquoise
Palette de couleurs secondaire
Rouge
Palette de couleurs secondaire
Palette de couleurs des canaux
Chaque canal Spoki a sa propre couleur signature. Utilisez-les en accent pour les badges, tags et icônes de canal — jamais comme surfaces primaires.
Canaux
Usage des canaux
Icône noire sur Vert
Icône noire sur Blanc