Versions du système.
Historique des itérations majeures depuis le premier proof-of-concept Terminal jusqu'à la version v1 actuelle. Chaque release a appris quelque chose à la suivante.
L'identité s'épaissit. Bleu marine profond et or cuivré pour les surfaces, Fraunces pour la voix, boutons shimmer pour l'élégance fonctionnelle.
Bleu marine #0E1633 et or cuivré #C9953D comme couleurs primaires de marque.
Effet métallique animé sur hover via gradient + transform translateX.
Italique éditoriale pour les accents — titres et lead.
Remplacement de #FAFAFA par #F4F1E2 sur les surfaces principales.
Hero, liste profils, empty state, auth, article — alignés sur le nouveau ton.
Tous les pairings texte/fond passent WCAG AAA sur les surfaces foncées.
--brand-blue → --marine, --brand-yellow → --or.
Remplacés par btn-primary shimmer. Migration auto via Figma plugin.
Bascule éditoriale — long-form, pull-quotes, drop-caps. Pensé pour la voix de marque, pas seulement pour les écrans applicatifs.
Drop-cap, pull-quote, byline, eyebrow, footnote.
Token --measure à 64ch pour les blocs prose.
3 niveaux supplémentaires entre H1 et body — display-1 à display-3.
Application systématique de text-wrap: pretty.
Maturité applicative — formulaires complets, tables denses, états vides, navigation produit.
Inputs, selects, datepickers, file uploads, multi-step wizards.
Sortable, sticky headers, expansion rows, pagination.
4 variantes d'empty state + page 404/500/maintenance.
Passage de 8pt à 4pt pour plus de granularité en interface dense.
Toutes les valeurs passent par les tokens sémantiques.
Première itération — esthétique terminal, fond sombre, JetBrains Mono partout. Posait les bases techniques.
Variables CSS pour couleurs, spacing, typo, motion.
Button, input, card, badge — version mono noir/blanc/vert.
Style Dictionary → CSS / Figma / Tailwind config.
Ce qui vient ensuite.
Chantiers en cours et explorations pour les prochaines releases. Les freelances COTON peuvent contribuer via Figma + GitHub.
v1.1 · Mai 2026
- Mode sombre complet (sym. marine/crème)
- Composant Combobox + recherche async
- Tokens charts (8 catégories)
- Audit a11y AAA tous patterns
v5.0 · T3 2026
- Refonte motion — Framer Motion intégré
- Density modes (cozy / compact)
- Composants data-viz (sparklines, gauges)
- Tokens spatial 3D (light / surface / depth)
Exploration
- Variants régionales (marine ↔ ocre)
- Mode print éditorial (papier crème)
- API tokens runtime (theming client)
- Voice & tone playbook v1