Typografiskala — Varför Dina Textstorlekar Bör Följa Ett Förhållande

Konsekvent typografi är grunden för professionell design. Slumpmässiga textstorlekar gör en sida kaotisk, medan en matematisk typografiskala skapar rytm och hierarki. Vår typskala-generator beräknar harmoniska textstorlekar med klassiska förhållanden som det gyllene snittet, ren kvart och stor ters, och matar ut CSS-klara värden.

Vad är en typografiskala?

En typografiskala är en uppsättning textstorlekar som följer ett konsekvent förhållande. Med start från en basstorlek (vanligtvis 16px) multiplicerar varje steg med ett förhållande som 1,25 (stor ters) eller 1,618 (det gyllene snittet). Detta ger storlekar som 16, 20, 25, 31,25 px — en progression som känns naturligt harmonisk.

Hur använder du typskala-generatorn?

Ange din bastextstorlek (standard: 16px). Välj ett skalförhållande från förinställningar (liten sekund, stor ters, ren kvart, det gyllene snittet) eller ange ett anpassat värde. Verktyget genererar 6–10 textstorlekar med tillämpat förhållande och visar dem som en visuell förhandsvisning med exempeltext. Kopiera CSS-anpassade egenskaper i ditt stylesheet.

Bästa praxis

Använd ett smalare förhållande (1,125–1,2) för mobil och ett bredare (1,25–1,333) för skrivbord. Begränsa din skala till 6–8 storlekar — fler innebär vanligtvis storlekar som är för lika för att vara visuellt distinkta. Para ihop typskalan med en konsekvent radavståndsskala.