La vue Grille
Points de rupture, colonnes, gouttières, marges et une largeur maximale globale — où chaque mesure parcourt la même échelle que votre typographie et votre couleur.
La barre d’outils
Chaque point de rupture est un onglet : mobile, tablette, bureau par défaut (4 / 8 / 12 colonnes — la convention du secteur), avec largeur minimale, largeur d’aperçu, nombre de colonnes, gouttière et marge. Ajoutez ou retirez des points de rupture librement ; les libellés sont du contenu et se modifient.
La largeur maximale est globale et — lorsqu’elle est activée — un plafond strict : un pas de flèche qui pousserait la largeur totale au-delà est stoppé par une notification, au lieu de réussir en silence puis d’avertir après coup. La seule pastille d’avertissement restante n’apparaît que lorsque vous abaissez le plafond sous un total existant.
Le pas
Sélectionnez une colonne, une gouttière ou une marge et :
- ← / → — faites parcourir la mesure le long de l’échelle globale. Une gouttière passe de 16 → 21 → 28, jamais à une valeur arbitraire.
- Maj+← / → — changez le nombre de colonnes.
C’est tout l’intérêt d’avoir la grille dans le même outil : le rythme des blancs de votre mise en page et le rythme des tailles de votre typographie viennent de la même progression, ils ne peuvent donc pas diverger en douce.
La ligne de base ne se règle pas ici
La scène montre la trame de ligne de base, mais l’unité de ligne de base est
dérivée de l’échelle — base ÷ 2, affichée avec sa dérivation explicite
(8px (16/2)). Changez la base dans la barre supérieure et la ligne de base
suit. La vue grille l’affiche ; l’échelle la possède.
La superposition de colonnes de la vue Typographie reflète le plus grand point de rupture d’ici — un seul propriétaire, une seule direction de vérité.
Théorie
Guides sur les grilles de mise en page — anatomie des colonnes, proportions des gouttières, choix des points de rupture — et guides sur l’espacement pour la logique du système à 8 points sur laquelle repose la ligne de base.