Catégorie 02
Styles de base, kinetic type, letter-spacing, word stagger, split halves, texte sur chemin SVG.
La typo par défaut : 28px, font-weight 600, color #888. Dès qu'on impose une hiérarchie, tout change.
Corps de texte standard avec line-height 1.7 et color #888. C'est le point de départ de l'IA sans guidance.
La typo en mouvement : lettres qui s'envolent, lignes qui entrent, caractères qui dansent au survol.
Letter-spacing, stagger par mot, split halves, texte sur chemin SVG — quand la typo devient cinéma.
→ EXPANSION : condensé → aéré | CONTRACTION : aéré → condensé
Chaque mot entre avec translateY + opacity, délai de 80ms entre chaque
clip-path: inset(0 0 50% 0) pour le haut, inset(50% 0 0 0) pour le bas
<textPath href="#curveId"> — le texte épouse n'importe quelle courbe SVG
font-variation-settings avec stagger par caractère + clip-path: polygon() word reveal — animation typographique 100% CSS/JS vanilla.
Survolez pour animer chaque lettre vers wght 900 avec un délai croissant.
Chaque mot part de polygon(0 100%,100% 100%,...) — entièrement caché sous sa ligne — et remonte vers polygon(0 0,100% 0,...) avec un délai décalé.