Aller au contenu

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. Alchimie · 70 %Le vrai God mode : Clovis couronné, glyphes actifs, son volontaire et anomalies parfaitement administrées. Alchimie · pages d’exempleLa même idée comparée à 12 %, 35 % et 70 % : texte partagé, intensité de mise en scène différente. Alchimie · design systemsLes variantes 35 % et 70 % documentent les composants, matières et garde-fous derrière la vitrine. Sections à composerChoisis des sections numérotées, construis une recette et donne-la directement à ton agent. Les systèmes des marquesCrocoTools, CrocoVoice et les prochains marécages autonomes : version, propriétaire, statut et liens. La doctrine (readme)Voix, foundations, iconographie, le contrat d'adhérence. La référence pour humains et IA.

UI kits & templates

Sections V2 · Next-GenStudio 29 sections, switch de matière en direct, simulateur responsive, sandbox de copy, inspecteur X-Ray et compositeur de recettes. Sections · bibliothèqueToutes les compositions de sections marketing avec vraies captures 16:9. 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 : doctrine, tokens, composants, sections, recettes et contrôles. 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à.