Direction « encre et menthe ». Tokens définis dans packages/ui/src/tokens/tokens.ts, contrastes AA vérifiés par les tests, en clair comme en sombre.
Rôles sémantiques : les composants n'utilisent jamais une couleur brute.
canvas
#FFFFFF
canvas-subtle
#FAFBFC
surface
#FFFFFF
surface-muted
#F4F6F8
surface-raised
#FFFFFF
line
#D5DBE2
line-strong
#8A96A3
fg
#0B1622
fg-muted
#4B5663
fg-subtle
#566270
primary
#0E2A47
primary-hover
#1A4069
on-primary
#FFFFFF
accent
#12B886
accent-strong
#0E9A70
accent-fg
#0B7A59
accent-soft
#E7F8F1
focus
#0E9A70
success
#0B7A59
success-soft
#E7F8F1
danger
#C2362F
danger-soft
#FDECEB
warning
#D97706
warning-soft
#FFF4E0
info
#2A5785
info-soft
#EEF3F8
chart-google
#0E2A47
chart-ai
#0E9A70
chart-1
#0E9A70
chart-2
#2A5785
chart-3
#C9731C
chart-4
#7C5CD6
chart-5
#C94F7C
chart-6
#2F8FCB
chart-grid
#E9EDF1
chart-axis
#66727F
Manrope, de 12 à 60 px. Deux graisses de texte (400, 600) et une graisse de titre (700).
Un seul bouton primaire par vue. La flèche menthe signale l'action principale.
Une variation est verte quand elle est favorable : pour une position Google, une baisse est une bonne nouvelle.
Clics
48,2 k
+12,4 % vs mois préc.
Position moyenne
11,3
−1,4 vs mois préc.
Part de voix IA
27 %
+5 %
Pages en erreur
14
+40 %
Chaque vue prévoit un état de chargement et un état vide qui invite à agir.
Ajoutez vos premiers prompts
Listez les questions que vos prospects posent aux IA : Lumen les suivra chaque semaine.
Composants partagés par le site vitrine et l'application, alimentés ici par le jeu de démo (Maison Aurèle). Survolez la courbe.
Maison Aurèle · 12 derniers mois · données de démonstration
Clics Google
149 k
+25,2 % vs 3 mois préc.
Position moyenne
11,4
−0,8 vs 3 mois préc.
Score de visibilité IA
45/100
+7,7 vs 3 mois préc.
Score d'audit : rouge sous 50, orange sous 80, menthe au-delà.
Indexation−4 pts
Score global+6 pts
Robots IA+12 pts
État affiché pendant la collecte des données.