✦ Bibliothèque vivante de directions artistiques

Génère ton design system. Plonge dans ceux des autres.

Colle tes images ou donne une URL. Moodcast génère ton design.md en secondes — et te donne accès à une bibliothèque de directions artistiques créées par la communauté.

Explorer la galerie → Créer mon design system

design.md — generated

## 1. COLOR SYSTEM

--color-primary #BAFF29

--color-ink #0F0F0F

--color-cream #F7F6F1

## 2. TYPOGRAPHY

display Sora 800 -0.03em

body Inter 400 1.65lh

## 3. COMPONENTS

button pill · 100px radius

card 20px · shadow-md

design.md généré en

3.2s ⚡

Palette extraite

✦ 5 couleurs identifiées

Comment ça marche

Simple comme un glisser-déposer.

Pas de prompt compliqué. Pas de paramètres à régler. Tu montres, on comprend.

🖼️

Importe ton moodboard

Glisse tes PNG, JPG ou donne une URL. Screenshots de sites, Dribbble, Pinterest — tout fonctionne.

⚡

L'IA analyse tout

Claude extrait couleurs, typographies, espacements, composants, et le ton général de tes visuels.

📄

Reçois ton design.md

Un fichier Markdown exhaustif, utilisable dans n'importe quel projet, partageable en un clic.

🌐

Publie dans la galerie

Partage ta direction artistique. Fouille celles des autres. Forke ce qui t'inspire.

moodcast.io/generate

🎨

Glisse tes images ici

ou donne une URL d'inspiration

🟢

🎭

🖼️

Palette extraite ·

--color-primary #BAFF29

--color-ink #0F0F0F

--color-accent #C4B5FF

display font Sora 800 –0.03em

border-radius 20px cards · pill btns

Feature 01

La bibliothèque vivante des directions artistiques.

Des centaines de design systems créés par de vrais designers, disponibles en clair. Tu cherches un vibe industriel, une esthétique éditoriale ou un dark mode électrique ? Filtre, explore, inspire-toi — sans compte, sans abonnement.

✓Recherche libre par couleur, typographie, vibe ou secteur
✓Palettes, fontes et tokens visibles sur chaque fiche
✓Aperçu live de chaque direction artistique
✓Fork en un clic pour l'adapter à ton projet (Solo & Pro)

🔓 Recherche libre · sans compte ⑂ Fork dès 5€/mois

Feature 02

Prêt à coller dans
n'importe quel pipeline.

Moodcast génère un fichier DESIGN.md au format ouvert de Google Labs — avec tokens structurés, typographie, composants et références. Exporte en CSS, Tailwind, Figma Tokens ou W3C DTCG en un clic.

✓Format DESIGN.md spec — standard ouvert Google Labs
✓Export W3C DTCG — compatible Style Dictionary, Specify, Token Pipeline
✓Export CSS variables + Tailwind config + Figma Tokens
✓Tokens sémantiques avec références — {colors.primary}

◈ W3C DTCG ✦ DESIGN.md spec ⬡ Style Dictionary

aperçu live · design system ● LIVE

Studio Nova

Explorer →

design system

Direction
artistique

Sombre · Électrique · Moderne

Voir le système →

couleurs

Palette

typos

Sora · Space

tokens

Exportés

5 couleurs · Sora · pill

⬜ Desktop

▭ Mobile

◈ tokens.dtcg.json
W3C standard
"color": {
"primary": {
"$value": "#BAFF29",
"$type": "color"
},
"surface": { "$value": "#0A1929", "$type": "color" }
}
// Compatible Style Dictionary · Specify · Token Pipeline

Direction A

Aa — Space
Grotesk

CTA LABEL

Électrique · Techno · Bold

Direction B

Aa — Playfair
Display

CTA LABEL

Éditorial · Luxe · Minimal

✦ Recommandation DA

Direction A

"Pour une fintech ciblant les early-adopters, le système électrique crée l'urgence nécessaire à la conversion. La direction B, bien qu'élégante, risque d'être perçue comme trop institutionnelle."

Feature 03

Itère. Compare.
Va plus loin.

Le plan Pro débloque trois workflows avancés : compare deux moodboards face à face, affine une direction existante avec une instruction texte, ou reconstitue le brief créatif derrière n'importe quel design system.

✓Comparaison A/B — analyse deux moodboards face à face avec brief
✓Mode itération — "rends-le plus sombre, change la typo en serif"
✓Brief inversé — Claude reconstitue le brief depuis le design system
✓Recommandation argumentée par Claude Opus — le modèle le plus précis

⚡ Plan Pro 🔄 Itération texte ↩ Brief inversé

Tarifs

Simple. Honnête. Accessible.

Commence gratuitement. Passe au plan suivant quand tu en as besoin.

Gratuit

0^€

Pour toujours

Explore la galerie, génère tes premiers design systems.

Accès complet à la galerie
Recherche et filtres libres
2 générations par mois
Aperçu live interactif
Design.md téléchargeable

Commencer →

Solo

Populaire

5^€

par mois · sans engagement

Pour les freelances, créatifs et fondateurs solo.

10 générations par mois
Fork les directions de la galerie
Sans watermark
Profil public @username
Export CSS + Tailwind + Figma Tokens + W3C DTCG
Packs de générations disponibles

Rejoindre la communauté →

Pro

15^€

par mois · sans engagement

Pour les agences, équipes et builders sérieux.

30 générations par mois
Tout Solo inclus
Comparaison A/B de directions
Mode itération — affine par instruction texte
Brief inversé — reconstitue le brief créatif
Badge vérifié + accès API

Commencer →

Ce qu'ils disent

Ceux qui l'ont essayé adorent.

En 10 secondes j'avais mon design system complet. Ce que je faisais en 3h dans Figma, Moodcast le sort en un fichier propre.

Alexia R.

Designer freelance · Paris

J'avais deux directions créatives très différentes pour mon client. Moodcast a analysé les deux moodboards et m'a sorti une recommandation argumentée en 30 secondes. J'ai présenté ça au client comme si c'était mon brief.

Marc T.

DA freelance · Lyon

Le design.md de Moodcast est devenu mon point de départ sur tous mes projets. C'est mon nouveau workflow et je ne reviendrai jamais en arrière.

Sofia K.

Dev indie · Berlin

Prêt·e ?

Ton prochain design system commence ici.

Commence gratuitement. Aucune carte bancaire requise.

Créer mon compte → Déjà un compte

Gratuit pour toujours · 2 générations/mois sans carte bancaire