Motion Deck · template HyperFrames 5 sur 6
Profil en chiffres
Un compte, une marque ou une offre racontés par leurs chiffres : un compteur lumineux qui défile, un chiffre géant barré d'une croix, un nombre en grotesque suivi d'un mot en italique et d'un ticket de preuves, des barres qui montent, un tableau à volets dont les lettres tournent avant de se poser, une carte de profil dont le bouton se fait cliquer.
Rendu du template avec ses valeurs par défaut (16 s, muet) : Chiffres et noms : ceux du Motion Deck (828 dessins, 73,6 s de rendu HyperFrames mesurés le 25/09, les références copiées, la croissance du deck), aucun texte nouveau.
identifiant : chiffres-profil · format 16:9 · HyperFrames 0.8.73 + GSAP 3.14.2
Six images de notre rendu
Notre rendu à côté de l'exemple
À gauche la vidéo 6 (une image toutes les 0,8 s, recadrée sur la vidéo), à droite notre rendu du template avec les chiffres du Motion Deck. On en reprend la manière, pas les plans.
La fiche du template
Nuit presque noire et orange vif, lueur orange sur les chiffres, grain léger, filets fins en haut et en bas. Coupes franches adoucies par un flou de passage. Chaque plan tient sur un seul fait ; les chiffres roulent (flou vertical tant qu'ils défilent), les lettres du tableau tournent sur l'alphabet, la croix tombe en deux traits et secoue l'image.
Un bilan, une preuve sociale, un rapport mensuel, le lancement d'un compte : quand les chiffres sont l'argument.
Archivo 800, Newsreader italique, JetBrains Mono 600
Vidéo 6 du carrousel (un profil X transformé en vidéo)
instagram.com/p/Ddy2jrzDjFL, regardée image par image le 29/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/chiffres-profil/ cd "03 - Ressources/Skills/creation-motion-design/templates-hf" python3 rendre_template.py chiffres-profil vars.json film.mp4 --voix voix.wav