Photo réaliste animée

Tu es motion designer et développeur front-end. Produis une vidéo courte à partir de cette fiche.

VIDÉO : Photo réaliste animée
OBJECTIF : Donner une ambiance réelle sans tournage : une image réaliste, un mouvement de caméra, un titre.
À L'ÉCRAN : Zoom lent et léger décalage sur la photo, dégradé sombre en bas, titre en deux lignes qui glisse avec un effet de parallaxe.
ÉLÉMENTS ATTENDUS : une photo (la vôtre, sous licence, ou générée par IA) et le titre. S'il en manque un, ou s'il est trop maigre pour remplir l'écran, demande-le-moi avant de produire, sauf si j'ai écrit « invente » ; ne comble jamais le manque par une phrase vide ou une répétition.
CE QUE JE FOURNIS : [colle ici tes textes et tes valeurs, ou écris « invente » pour obtenir un exemple marqué « exemple »].
FICHIERS À ME DEMANDER : avant de produire, demande-moi la photo. Attends de les avoir reçus. Si je n'en ai pas, propose un remplacement marqué « exemple » et dis-le.

STYLE : Éditorial papier : fond papier clair, titres à empattements, filets fins, une couleur d'encre, mise en page de magazine. Style générique : n'imite aucune marque ni aucun créateur existant.
MARQUE : [nom de la marque] ; couleur principale #002FA7, couleur d'accent #C2410C ; police Inter (ou une linéale proche) ; logo : [fichier SVG ou description].
FORMAT : 16:9, 1920 × 1080 px, 8 s, 30 images/s.
SON : Aucun son. Tout le message est lisible à l'écran. Si du texte est dit, incruste des sous-titres et fournis aussi un fichier .srt.
IMAGE RÉALISTE : si je n'ai pas de photo et que tu ne peux pas générer d'image toi-même, écris d'abord le prompt image que je donnerai à un générateur d'images : photographie réaliste [décrire le lieu ou l'objet], lumière naturelle, sans personne identifiable, sans logo ni texte, format 16:9. Puis anime l'image par le code (zoom lent, léger décalage, parallaxe des textes). Les images générées ne sont jamais présentées comme nos locaux ou nos clients.

RÈGLES :
- La vidéo se comprend sans le son. Le message est lisible dès la première image (pas de fondu depuis le noir), 12 mots au plus par écran, une idée par écran.
- Marge de sécurité de 10 % sur les bords.
- La police de la marque sert aux titres et aux textes ; le style peut ajouter des annotations (trait à main levée, écriture manuscrite) sans jamais couvrir un texte.
- Uniquement les chiffres, noms et faits que je fournis. Ce que tu inventes pour l'exemple porte la mention « exemple ».
- Aucune personne réelle simulée, aucun faux témoignage, aucun logo de tiers sans droit d'usage.
- Mouvements doux : apparitions de 0,3 à 0,6 s, une seule animation forte par scène.
- Chaque apparition associe un mouvement (glissement, échelle ou tracé) au fondu : pas de simple fondu d'opacité.
- Occupe tout le cadre : aucun texte sous 3 % de la hauteur de l'image, pas de grande zone vide.
- Le dernier écran reste lisible au moins 2 s avant la fin ou la reprise de la boucle.
- Charge les polices nommées (Google Fonts) : sans elles, la vidéo change d'aspect d'un ordinateur à l'autre.

LIVRABLE : Une seule page HTML autonome (CSS et JavaScript inclus, aucune ressource externe sauf une police Google Fonts) qui joue l'animation à la taille exacte, en boucle, avec une fonction render(t) déterministe qui dessine l'image au temps t : je pourrai la capturer image par image.

AVANT DE RENDRE : vérifie la durée exacte, relis chaque écran à l'arrêt (aucun texte coupé, contraste suffisant), et liste en trois lignes ce que tu as supposé.