Generatore di scala tipografica modulare

Un generatore di scala tipografica modulare trasforma tre numeri di design — dimensione del font di base, rapporto di scala e conteggio dei passi — in una scala coerente di dimensioni per titoli, corpo e didascalie. Inserisca una base come sedici, un rapporto come uno virgola venticinque per una terza maggiore o uno virgola seicentodiciotto per la sezione aurea, e quanti passi desidera sopra la base; lo strumento restituisce ogni dimensione come base per rapporto elevato a n per n da zero fino al conteggio di passi, più una tabella di scala strutturata, una stringa di formula chiusa e passi di sostituzione ordinati che può affermare in test o design system. Kit di interfaccia, linee guida di marca, design token CSS ed esercizi di aula hanno tutti bisogno di quella stessa progressione geometrica deterministica senza aprire un foglio di calcolo o un plugin di Figma.

Cos’è una scala tipografica modulare e perché il rapporto deve superare uno

Una scala tipografica modulare è una sequenza geometrica di dimensioni del font controllata da un’unica base e un unico rapporto. Se la base è sedici e il rapporto è uno virgola venticinque, il passo zero è sedici, l’uno è venti, il due è venticinque, il tre è trentuno virgola venticinque, e così via — ogni dimensione è la precedente moltiplicata per lo stesso rapporto.

I designer scelgono rapporti con nomi musicali o classici: seconda maggiore vicino a uno virgola centoventicinque, terza maggiore uno virgola venticinque, quarta giusta circa uno virgola trecentotrentatré, quinta giusta uno virgola cinque e sezione aurea vicino a uno virgola seicentodiciotto. La forza del metodo è la misura: invece di inventare valori di pixel arbitrari da h1 alla didascalia, sceglie tre numeri e eredita una gerarchia che sembra intenzionale tra breakpoint e componenti.

Il rapporto deve essere strettamente maggiore di uno perché un rapporto di uno produce una sequenza costante in cui ogni passo eguaglia la base, e un rapporto minore di uno restringe le dimensioni man mano che l’indice di passo cresce, invertendo la gerarchia dei titoli e quasi mai è ciò che promette una landing di scala tipografica.

Il percorso di controllo ricalcola ogni dimensione con moltiplicazione iterativa e lo stesso arrotondamento a dodici decimali dei campi pubblicati, così una risposta riuscita include sempre passi che può ricalcolare a mano o fissare in test unitari.

Consigli pratici, limiti e ricerche correlate

I punti di controllo comuni in studio sono facili da memorizzare: base sedici con terza maggiore uno virgola venticinque su cinque passi è una scala familiare da corpo a display; base diciotto con sezione aurea su quattro passi si adatta a sistemi di articoli lunghi; base quindici con quarta giusta funziona bene per UI amministrative dense. Preferisca inviare numeri anziché stringhe preformattate quando controlla il client; le stringhe numeriche sono accettate solo se corrispondono a un pattern numerico finito rigoroso.

Questa pagina intercetta chi cerca un generatore di scala tipografica modulare, calcolatore di scala tipografica o strumento di rapporto e passi di dimensione del font; non è un convertitore px-in-rem, né un calcolatore di clamp fluido, né un consigliatore di abbinamento font. Preferisca questa capacità quando conosce già base, rapporto e conteggio di passi e le serve solo la scala di dimensioni; se serve conversione rem dopo, converta ogni dimensione pubblicata con uno strumento separato di font radice.

I controlli andata e ritorno sono diretti: ricalcoli base per ratio in modo iterativo e confermi che ogni voce in sizes e scale coincide con lo stesso arrotondamento a dodici decimali usato dal solver.