Bayou · Design System

Un business. Un système. Un centre.

Le socle visuel du groupe Alligators — tokens, composants, matières. Le brand book raconte le pourquoi, ce système donne le comment.

Commencer ici

La vitrineLe design system complet en une page : hero, mâchoire, familles, matières vivantes, l'Œil animé. Le brand bookLe pourquoi — doctrine v6 : le point d'eau, 200 millions d'années d'avance, la règle des deux verts. La doctrine (readme)Voix, foundations, iconographie, le contrat d'adhérence. La référence pour humains et IA.

UI kits & templates

CrocoTrack · cockpitGod Mode — dark néon. Sidebar, KPIs, MRR, flux vivant. CrocoTrack · clairLe même cockpit, cœur éditorial clair. CrocoClick · landingLe vaisseau amiral — matière électrique, preuve avant promesse, un seul CTA. Template · landingVersion prête-à-partir pour toute page marketing du groupe. Template · éditorialPage long-format : TOC, sections alternées, mâchoire, wordmark fantôme. SlidesTitre, section, contenu, citation, données — 1280×720.

Pour les IA

MCPConnecteur /api/mcp — 5 outils read-only : doctrine, tokens, composants, fichiers, skill. Clique pour brancher ton IA en 3 étapes. SKILL.mdLe skill prêt-à-poser dans un projet Claude Code (.claude/skills/bayou-design/). styles.cssL'entrée unique — un <link> et tous les tokens + webfonts sont là.