Motion Design

Le template .md ne doit JAMAIS contenir :

• ❌ "No Grain" / "No Vignette" / "No Bokeh"
• ❌ "Static camera" / "No camera movement"
• ❌ "No ChromaticAberration"
• ❌ "No parallax"

Ces éléments techniques sont gérés par la BIBLE et sont TOUJOURS appliqués.

Le template guide UNIQUEMENT :

• ✅ Palette de couleurs
• ✅ Typographie (fonts, weights, sizes)
• ✅ Style d'images AI (prompts de STYLE, pas de sujet)
• ✅ Éléments décoratifs spécifiques au style (formes, patterns)
• ✅ Animation map (quelles techniques toolkit pour chaque type d'élément)
• ✅ Mood et ambiance

Structure du fichier .md

Le template DOIT contenir TOUTES ces sections :

1. Header + Mood

# [Nom du design]

**Mood:** [3-5 adjectifs] — [description en 2 phrases]

2. Palette (6 couleurs obligatoires)

## Palette

| Role | Hex | Usage |
|------|-----|-------|
| Background | `#hex` | Description + CSS gradient si applicable |
| Primary | `#hex` | Headlines, mots accent |
| Accent | `#hex` | Éléments de highlight |
| Text | `#hex` | Texte principal |
| TextDark | `#hex` | Texte sur fond clair |
| Subtle | `#hex` | Éléments secondaires, ghost |

3. Typography (2 fonts + scale)

## Typography

### Font 1 — [Nom] (primary)
- Weights: [liste]
- Usage: [description]

### Font 2 — [Nom] (secondary)
- Weights: [liste]
- Usage: [description]

### Scale (1080×1920)
| Role | Size | Weight | Color |
|------|------|--------|-------|
| Hero headline | XXpx | 900 | accent |
| Title | XXpx | 700 | text |
| Body | XXpx | 400 | subtle |
| Caption | XXpx | 300 | subtle |

4. Elements & Assets (décorations + SVG)

## Elements & Assets

### Decorative
- [Description de chaque élément décoratif spécifique au style]
- → *Handled in create-animation*

### Shapes
- [Formes géométriques utilisées, couleurs, positions]

5. ⭐ Image Style — LA SECTION CRITIQUE

## Image Style — AI Generation

### Style général
[Description DÉTAILLÉE du style visuel : matière, éclairage, palette, rendu]

### Prompts par catégorie

#### Hero objects (Z2, 300-500px)
**Style template:** `[Description du style sans sujet spécifique]`
**Prompt template:** `"3D rendered [SUJET], glossy plastic material, [PALETTE] tones, isolated transparent background, studio lighting, 512x512, PNG"`
**Placement:** Centré en Z2, 400px, entrance scale-rotate ou arc-entrance
**Treatment:** [filtre CSS si applicable — ex: grayscale(100%)]

#### Background ambiance (Z0, fullbleed)
**Style template:** `[Description]`
**Prompt template:** `"Dark moody photograph of [SCÈNE], cinematic lighting, shallow DOF, [MOOD], 1080x720"`
**Placement:** Z0 fullbleed, ken-burns, tint rgba(0,0,0,0.4)

#### Illustrations / personnages (Z2, 300-600px)
**Style template:** `[Description]`
**Prompt template:** `"Flat vector illustration of [SUJET], minimal geometric, [PALETTE], clean edges, transparent bg, PNG"`
**Placement:** Z2, parallax-rise ou mask-circle

#### Textures (Z0, fullbleed)
**Style template:** `[Description]`
**Prompt template:** `"Seamless [MATIÈRE] texture, [MOOD], 1080x1080"`

### Nombre d'images recommandé
- **Minimum 3 images** par animation de 3 scènes
- **Idéal 4-5 images** pour une richesse visuelle complète
- Chaque scène a AU MOINS 1 image AI hero

6. Animation Map (techniques par type d'élément)

## Animation Map

| Element type | Toolkit | Spring | Duration | Notes |
|-------------|---------|--------|----------|-------|
| Hero text | CharStagger/TextScramble | snappy | 8f | [détails] |
| Support text | SplitReveal | gentle | 10f | [détails] |
| Shape entrance | MaskExpand | elastic | 6f | [détails] |
| Image entrance | AnimatedImage | - | auto | [entrance type] |

7. Scene Structure (timing type)

## Scene Structure (24fps, 1080x1920)

### Timing type d'une scène
[Description du rythme : rapide/lent, staccato/fluide]

### Mood keywords
[5-7 mots-clés d'ambiance]

### Best for
[Types de contenu adaptés]

Choix selon l'ambiance

Vérification

1. Vérifie que les fonts existent dans @remotion/google-fonts
2. Vérifie que la section Image Style contient des prompts templates détaillés
3. Vérifie que le template ne contient PAS "No Grain", "No Bokeh", "Static camera"

TOUJOURS terminer par

✓ Design "$ARGUMENTS[0]" créé : src/designs/$ARGUMENTS[0].md

Sections :
  ■ Palette : [6 couleurs]
  ■ Typo : [font1] + [font2]
  ■ Image style : [type] — [nb] prompts templates
  ■ Animation map : [nb] techniques
  ■ Mood : [keywords]

→ /motion-from-transcript [nom] [texte] $ARGUMENTS[0]