L’échelle et la barre supérieure
La barre supérieure contient l’échelle globale — les trois nombres que lit chaque vue — ainsi que le sélecteur de vue, le menu principal, l’aide et la langue. Elle est toujours visible : quoi que vous éditiez, l’échelle qui le régit est à un coup d’œil.
Les contrôles d’échelle
- Échelle — une liste de préréglages de ratios musicaux : de la seconde mineure (1,067) jusqu’à l’octave (2,0). Choisir un préréglage fixe le ratio ; les champs se mettent à jour en conséquence. Choisir Personnalisé … place le curseur directement dans le champ du ratio.
- Ratio — le multiplicateur entre pas d’échelle pleins, écrit sous forme de paire.
- Notes — en combien de pas chaque saut de ratio est divisé (1–12). Plus de notes = une échelle plus dense avec le même squelette proportionnel.
- Base — la valeur d’ancrage en pixels (10–24). Taille du texte courant, origine de chaque rampe et source de l’unité de ligne de base (base ÷ 2).
- Pas — un affichage en lecture seule du multiplicateur effectif entre
valeurs d’échelle adjacentes :
ratio^(1/notes). Avec un ratio de 1,5 et 2 notes, chaque pas vaut ×1,225.
La paire de ratio
Le ratio se saisit en deux champs — entier et décimales — plutôt qu’un seul
nombre décimal. Tapez 1 et 5 et la liste de préréglages affiche Quinte
juste ; tapez 1 et 34 et elle affiche Personnalisé …. La paire contourne
la friction du séparateur décimal (point vs virgule) et rend la correspondance
des préréglages visible : dès que la paire compose un intervalle connu, le nom
de l’intervalle apparaît dans la liste. Taper . ou , dans le champ entier
saute au champ décimales, si bien que 1.34 se tape d’un seul geste, et coller
un nombre décimal complet le répartit sur les deux champs.
Tous les champs numériques se règlent avec ↑ / ↓ — la convention de l’outil
partout. Notes et base avancent d’un ; le champ décimales avance dans sa propre
précision (5 → 6 fait 1,5 → 1,6, 333 → 334 fait 1,333 → 1,334), et
dépasser 99 bascule dans l’entier (1,99 → 2,0).
Le menu principal
Un seul menu rassemble les actions de session et les exports :
- Annuler / Rétablir — historique à l’échelle de la session (⌘Z / ⇧⌘Z). Les changements rapides comme le maintien d’une flèche se regroupent en un pas.
- Lien de partage — encode toute la session dans l’URL et la copie. Voir partage.
- Exporter — exports rapides vers le presse-papiers par vue (CSS couleur, CSS typographie, CSS grille) et fichiers pour tout le système : Tailwind v4 et v3, shadcn/ui, Figma Variables. Voir exports.
Aide et référence clavier
Le bouton ? ouvre la fenêtre d’aide : ce qu’est l’outil, et une référence clavier par vue. Les conventions sont cohérentes partout — les flèches font avancer l’élément sélectionné le long de l’échelle, Maj modifie (pas plus grands, ou une propriété liée), Entrée/Échap valident et ferment.
L’outil est livré en anglais, suédois, espagnol et chinois — le menu de langue se trouve à côté du menu principal. Le contenu éditable que vous avez déjà écrit (texte des spécimens, libellés de points de rupture) vous appartient et n’est jamais touché par un changement de langue.