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.