Design system · 18 avril 2026

Energetic Friendly Growth

Dynamique, accessible, moderne, chaleureux, ambitieux

Palette

Note du directeur artistique

Le choix du lime #C8F135 n'est pas anodin : c'est une couleur qui appartient au champ sémantique de la croissance, du vivant, de l'élan. Elle porte une charge émotionnelle de possibilité — elle dit "ça démarre ici", elle active. Posée sur un fond crème #F5F0E8, elle ne crie pas : elle rayonne. Ce beige chaud emprunte à l'esthétique du papier, du naturel, du fait-main, ce qui ancre une marque digitale dans une chaleur organique rare — un geste qui humanise immédiatement. La typographie est le deuxième coup de maître : des sans-serif extended ultra-bold qui occupent l'espace sans complexe, associées à une hiérarchie de corps fine et aérée. Ce contraste entre la masse du titre et la légèreté du corps crée une tension visuelle productive — l'œil est attiré, puis guidé. C'est une typographie qui dit "on a quelque chose d'important à vous dire", mais qui ne vous assomme pas. L'usage de formes pill pour absolument tout — boutons, nav, tags — est une décision cohérente qui unifie le vocabulaire formel et le rend immédiatement reconnaissable. Cela crée aussi une douceur d'ensemble qui rend les interfaces accueillantes, presque ludiques, sans jamais sacrifier le professionnalisme. Ce design system permet de construire une communication qui inspire confiance et action simultanément : l'utilisateur se sent accueilli (crème, formes rondes, humanité sketch) et stimulé (lime, bold, énergie photo). Il installe une émotion de momentum — celle de quelqu'un qui s'apprête à passer à l'action, avec enthousiasme.

/* ── Energetic Friendly Growth — Design Tokens ── */
/* Généré par Moodcast */
:root {
  /* ── Colors ── */
  --color-primary: #C8F135;
  --color-secondary: #1A2E2A;
  --color-ink: #111111;
  --color-background: #F5F0E8;
  --color-white: #FFFFFF;
  --color-muted: #8A8A8A;
  --color-border: #E2DDD5;
  --color-accent-purple: #C4A8E8;
  /* ── Typography ── */
  --font-display: 'Instrument Serif', sans-serif;
  --font-body:    'Inter', sans-serif;
  /* ── Border radius ── */
  --radius-sm: 100px;
  --radius-md: 100px;
  --radius-lg: 100px;
  --radius-xl: 100px;
}

Made with Moodcast

Ton moodboard → un design system complet.

Importe tes images d'inspiration. Claude analyse, extrait la palette, les typos et le vibe — et génère un fichier design.md prêt à coller dans ton projet.