# Quadrillage

Le papier millimétré est le terrain de la marque : un fond discret sur lequel tout s'aligne, et dont quelques cases s'allument. Les valeurs vivent dans `tokens/quadrillage.json`.

## Le fond

Deux `repeating-linear-gradient` croisés, couleur `quadrillage-couleur`, pas `quadrillage-pas`. Il habille les entrées (hero, couverture de slide, état vide d'une app) et les sections techniques. Les bandes courantes restent en aplat `fond` ou `surface`.

Sur un visuel à cadre fixe, le pas divise la largeur en un nombre entier de cases : 1080 px font 24 cases de 45 px.

## Les cases

Une case allumée est un carré d'un pas de côté, posé exactement sur la grille, en aplat d'une couleur d'appoint, sous le contenu.

1. Une case tombe toujours pile sur la grille, y compris près du bord droit : on la compte en colonnes entières.
2. Elles vont par petits groupes de deux ou trois, qui se touchent par un coin ou un côté.
3. Elles vivent dans les marges et les coins, jamais sous un texte.
4. Un à deux groupes par écran.
5. Elles peuvent bouger quand quelque chose se passe : une case qui s'allume à la tâche cochée, un groupe qui se déplace d'une slide à la suivante.

## Les objets posés dessus

Ce qui se pose sur le quadrillage a un fond opaque (`fond` ou `surface`) et, s'il faut le mettre en avant, un contour `trait` et l'ombre `ombre-objet`. Un seul objet en avant par écran.