Effets
Les effets animés qui signent le site. Chacun respecte les animations réduites : sans mouvement, l'état final s'affiche directement. [Garder ceux que le projet retient, retirer les autres.]
Les apparitions au défilement
Les blocs entrent dans la page quand ils arrivent à l'écran, avec un décalage entre frères pour donner un rythme. Une seule famille de mouvement par site.
anim-fade-up
[Premier bloc]
anim-fade-up
[Deuxième bloc]
anim-fade-up
[Troisième bloc]
Le texte révélé
Une phrase forte qui s'éclaire mot à mot au fil du défilement. Pour un manifeste ou une promesse, une fois par page.
[Une phrase qui porte la promesse du client, assez longue pour que la révélation se lise au défilement.]
Le texte qui se compose
La fin d'une phrase permute entre plusieurs mots. Pour un titre d'accueil qui décline les cibles ou les services.
[Verbe] pour [cible 1]
Les survols
Élévation, agrandissement et soulignement se combinent sur un même élément ou se déclenchent depuis un parent. Un survol dit qu'on peut cliquer, il ne décore pas.
lift
[La carte s'élève.]
hover-group + hover-underline
[Le lien se souligne au survol de la carte.]hover-group + hover-scale
[L'image s'agrandit au survol de la carte.]
Le défilement continu
Une rangée qui défile sans fin : logos de clients, mots clés, références. Elle s'arrête au survol et se fige pour les animations réduites.