Créer une Direction Artistique (palette, typo, ambiance, style d'images AI) pour un projet vidéo
Tu crées src/designs/$ARGUMENTS[0].md — un template de DA complet.
src/lib/BIBLE.md — les règles absolues (camera, parallax, effets = JAMAIS overridé par un template)references/pinterest/analyses/[nom].jsonsrc/lib/design.ts — le design par défaut (pour la structure)src/designs/glass-shatter.md ou src/designs/crypto-narrator.md$ARGUMENTS[1] décrit SOIT :
Le template .md ne doit JAMAIS contenir :
Ces éléments techniques sont gérés par la BIBLE et sont TOUJOURS appliqués.
Le template guide UNIQUEMENT :
.mdLe template DOIT contenir TOUTES ces sections :
# [Nom du design]
**Mood:** [3-5 adjectifs] — [description en 2 phrases]
## 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 |
## 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 |
## 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]
## 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
## 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] |
## 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]
| Ambiance | Primary font | Secondary font | Image style |
|---|---|---|---|
| Luxe/Premium | Playfair Display | Inter | Moody photos, glossy 3D gold |
| Tech/Startup | Inter, Space Grotesk | JetBrains Mono | Dark neon, 3D renders, glitch |
| Finance/Bold | Inter, Oswald | Lora | Grayscale editorial, glossy 3D |
| Bien-être/Doux | Quicksand, Nunito | Lora | Soft illustrations, pastel photos |
| Streetwear/Urban | Bebas Neue, Oswald | Inter | High-contrast B&W, bold shapes |
| Éducation/Clean | Inter | Playfair Display | White bg, flat illustrations, 3D icons |
| Crypto/Dark | Inter | Fira Code | Dark blue glows, 3D coins, holographic |
@remotion/google-fonts✓ 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]