# L'harmonie invisible du design web
L'Échelle de Typographie Musicale applique les mathématiques des intervalles musicaux au design typographique. Tout comme une composition musicale est régie par des proportions précises, un design visuel solide bénéficie d'une structure mathématique qui relie toutes les tailles entre elles.# Comment fonctionne l'échelle modulaire
La formule
La progression est simple : Taille = Base × Ration. L'étape 0 est votre texte de base. L'étape 1 est un petit sous-titre. L'étape 4 ou 5 pourrait être votre H1 principal. La même constante multiplicative garantit que toutes les relations sont cohérentes.
Pourquoi "Musical"
Les Pythagoriciens ont découvert que diviser une corde en proportions simples (1:2, 2:3, 3:4) produisait des sons consonants. Ces intervalles, octave, quinte juste et quarte juste, sont exactement les ratios typographiques. Vous composez de la musique visuelle.
# Choisir le bon ratio
Pour les interfaces denses (tableaux de bord, tableaux), utilisez de petits ratios comme
Ne limitez pas l'échelle au seul 1,125 ou 1,2. Pour les sites éditoriaux ou portfolios, utilisez des ratios plus expressifs comme 1,5 ou 1,618. font-size. Les mêmes variables CSS fonctionnent pour margin, padding et gap. Quand les espaces blancs suivent la même progression mathématique que le texte, le design atteint un niveau de cohésion que tout le monde ressent mais que peu peuvent expliquer.