Motion Deck · template HyperFrames 1 sur 6
Typographie cinétique
Le reel sans dessin : une phrase par plan, en capitales condensées très grasses, sur des aplats qui se relaient par balayage ou iris, avec un ornement géométrique par plan (étoile, orbite, anneau de graduations, texte en cercle, grille de points, pluie de particules, crochets) et un habillage de caméra (coins, REC, timecode, barre).
Reel agence AD_Fred_4 v2 (voix de Fred, 15 s) : Le template rendu avec ses valeurs par défaut : c'est le reel du 28/09 à l'image près (SSIM 0,9996).
identifiant : typo-cinetique · format 4:5 · HyperFrames 0.8.73 + GSAP 3.14.2
Six images de notre rendu
Notre rendu à côté de l'exemple
À gauche et au centre, les planches des vidéos 2 et 5 du carrousel (une image toutes les 2 s environ) ; à droite, notre rendu du template avec ses valeurs par défaut. On en reprend la manière (capitales condensées, aplats qui se relaient, ornements géométriques, habillage de caméra), pas les plans.
La fiche du template
Un plan toutes les 0,7 à 2 s, calé sur la voix. Chaque plan entre par un balayage (droite, gauche, haut, bas) ou un iris, jamais en fondu. Les mots arrivent lettre par lettre (montée, chute avec rotation, écrasement vertical) ou d'un bloc avec un flou de mouvement directionnel (filtre SVG) ; le mot clé arrive en dernier, plus gros, dans la couleur d'accent. L'ornement tourne ou se propage pendant tout le plan.
Une pub courte de fil Meta (4:5) sur une voix off, quand il n'y a rien à montrer mais une promesse à faire entendre et lire : l'offre, le prix, la rareté.
Archivo condensée 900 (wdth 62), Unbounded 900, JetBrains Mono 700
Carrousel Instagram de showreels typographiques (vidéos 2 et 5 surtout)
instagram.com/p/Ddy2jrzDjFL, regardé image par image le 28/09/2026
Le template
Une composition HyperFrames paramétrée : textes, couleurs et durée passent en variables, rien ne se réécrit dans le HTML. Le README liste les variables et les figures.
index.html README.md template.json rendre_template.py
Source : 03 - Ressources/Skills/creation-motion-design/templates-hf/typo-cinetique/ cd "03 - Ressources/Skills/creation-motion-design/templates-hf" python3 rendre_template.py typo-cinetique vars.json film.mp4 --voix voix.wav