Un socle blanc froid et encre pour la lisibilité, le magenta pour mener, le cyan pour répondre, le violet encre pour le seul bloc sombre du système. Contrastes calculés et vérifiés au standard WCAG AA.
Teintes de travail Deux nuances dérivées assurent le contraste dans des contextes précis : #0F6E85 (« cyan texte », le cyan assombri pour toute utilisation en petit corps sur fond clair) et #C7C3DA (« lavande », texte secondaire sur fond violet encre). Elles ne sont pas des couleurs de marque à part entière, seulement des variantes de contraste.
Le corps de texte utilise toujours l'encre sur clair, ou le blanc sur violet encre. Le magenta et le cyan électrique restent réservés aux grands textes et aux accents : le corps passe par l'encre, l'ardoise, ou le cyan texte assombri.
| Aperçu | Association | Ratio | Verdict |
|---|---|---|---|
| Texte | Encre sur blanc froid | 16.83:1 | AA texte |
| Texte | Blanc pur sur violet encre | 16.71:1 | AA texte |
| Texte | Ardoise sur blanc froid | 6.17:1 | AA texte |
| Texte | Cyan texte sur blanc froid | 5.36:1 | AA texte |
| Texte | Cyan électrique sur violet encre | 5.99:1 | AA texte |
| Texte | Lavande sur violet encre | 9.74:1 | AA texte |
| Titre | Magenta sur blanc froid | 4.05:1 | AA grand texte |
| Titre | Magenta sur violet encre | 3.78:1 | AA grand texte |
| Titre | Cyan électrique sur blanc froid | 2.56:1 | Décoratif seul |
Le cyan électrique brut sur fond clair ne passe pas la barre AA, même en grand texte : il reste réservé au décor (traits, pastilles, icônes), jamais au texte. Pour un texte cyan sur fond clair, utiliser la teinte assombrie #0F6E85.
Fond blanc froid, texte encre, accents magenta et cyan texte. L'usage courant du système : pages, cartes, tableaux.
Fond violet encre, texte blanc pur, magenta et cyan en accent. Réservé au héro, au footer, et à un post Instagram sur quatre.
Raj'House