Design system
Couleurs
Quatre couleurs en accent et en codage, jamais en décor ; des neutres en clair et en sombre.
- Jaune
#F7C600 - Cyan
#29BDEC - Lime
#C4D630 - Magenta
#E6007E
Clair
Fond #FFFFFF
Texte #1C1E24
Texte secondaire #5C5E66
Surface #F4F4F5
Filet #E6E6E6
Sombre
Fond #141518
Texte #ECECEE
Texte secondaire #A6A8B0
Surface #1F2127
Filet #2E3037
Le fond reste sobre. Chaque couleur code une rubrique d’écriture ou une famille de compétences ; elle n’habille pas une page.
Accents
| Couleur | Valeur | Jeton | Code |
|---|---|---|---|
| Jaune | #F7C600 | --jaune | Entropie, surlignage ; prospective et systémie |
| Cyan | #29BDEC | --cyan | Entre-temps ; design ops |
| Lime | #C4D630 | --lime | Portfolio ; UX/UI design |
| Magenta | #E6007E | --magenta | Design infection ; recherche et sémiotique ; bandeau citation |
Toujours dans cet ordre quand elles apparaissent ensemble : jaune, cyan, lime, magenta.
Neutres
| Rôle | Jeton | Clair | Sombre |
|---|---|---|---|
| Fond | --fond | #FFFFFF | #141518 |
| Texte | --texte | #1C1E24 | #ECECEE |
| Texte secondaire | --doux | #5C5E66 | #A6A8B0 |
| Surface | --surface | #F4F4F5 | #1F2127 |
| Filet | --filet | #E6E6E6 | #2E3037 |
Le site suit le réglage clair ou sombre de l’appareil. La carte des idées reste sur fond blanc dans les deux cas : ses couleurs de lignes sont pensées pour lui.
À faire : une couleur d’accent sur une petite surface (pastille, carré, surlignage) ; texte foncé sur jaune, cyan et lime, texte blanc sur magenta.
À éviter : un fond de page coloré, un filet ou un bandeau de couleur en bord de carte ou de fenêtre, du texte jaune, cyan ou lime sur fond blanc (contraste insuffisant), la couleur comme seule porteuse de sens.