Pourquoi
Chaque projet que je lance a besoin d’une interface. Et chaque fois, je repartais de zéro : les mêmes boutons, les mêmes modales, les mêmes cartes, les mêmes tokens de couleur. Copier-coller d’un projet à l’autre, adapter, corriger les incohérences. Au bout du cinquième projet, l’évidence : il me faut un design system à moi.
Pas Tailwind, pas Bootstrap. Un truc qui porte ma direction artistique, que je peux détourner à volonté, et qui ne m’impose rien. Du SCSS pur, des tokens surchargeables, et une structure en atomic design (atomes, molécules, organismes) pour retrouver mes petits.
La vie du projet
Totem est né un dimanche d’octobre 2022 comme bibliothèque CSS pour un autre projet. Puis il a dormi deux ans. Un commit par-ci par-là en 2023, une correction en 2024. La vie d’un side project classique.
Tout a changé en février 2026 quand j’ai commencé à multiplier les projets en parallèle. En une journée, j’ai tout cassé : Webpack viré pour Vite, @import migrés vers les modules Sass modernes, architecture restructurée en atomic design. Le lendemain, Storybook est arrivé pour documenter chaque composant. Une direction artistique “Soft Minimal” a émergé naturellement : pastels chauds, ombres subtiles, bordures à peine visibles.
Comment ça s’utilise
Le principe clé : tous les tokens utilisent !default. N’importe quel projet peut surcharger les couleurs, les espacements, la typographie, il suffit de charger ses tokens avant ceux de Totem. Ce jardin numérique le fait avec une palette acide de jungle tropicale. Basalt Beholder, QA Panel et Où est mon doc l’utilisent aussi, chacun avec sa propre personnalité. Un même socle, des identités différentes.
L’atelier du pixel
La phase la plus révélatrice, c’est la série de commits autour des “uptime bars” pour le dashboard de monitoring : vert électrique, puis vert sombre, puis gradient diagonal, puis shine subtil… On voit un dev qui itère pixel par pixel, qui revient en arrière, qui essaie encore. Totem n’est pas un produit corporate. C’est un atelier d’artisan où chaque nuance de vert a été débattue avec soi-même.
Stats
| Commits | 55 |
| Durée de vie | 3 ans 5 mois |
| Composants Storybook | 37 stories |
| Premier commit | 16 oct 2022 |
| Dernier commit | 11 mars 2026 |