Bygg en harmonisk typografisk skala

Bra för designers och utvecklare som bygger en konsekvent storlekshierarki från ett bestämt förhållande.

Forma en storleksskala från valt förhållande och få konsekventa värden för en tydlig hierarki. Dina uppgifter stannar i webbläsaren, utan konto eller lagring.

Så använder du

1. Ange basstorleken i pixlar, progressionsförhållandet och antalet nivåer du vill ha i de angivna fälten.
2. Kör genereringen för att få en uppsättning storlekar beräknade från dessa inställningar.
3. Granska de genererade stegen och identifiera vilka som passar rubriker, underrubriker och brödtext.
4. Justera förhållandet eller antalet nivåer om progressionen känns för tät eller för bred och generera sedan igen.

Exempel

En formgivare förbereder ett typografiskt system och vill testa en bas på 16 pixlar med ett förhållande på 1,25 över fem nivåer. Hen kör genereringen och granskar storleksprogressionen för att kontrollera att hierarkin förblir läsbar.

Indata

16
1.25
5

Gränser och format

• Verktyget beräknar en skala från värdena du anger. Det väljer inte typsnitt eller stilar som ska tillämpas.
• Resultatet beror i hög grad på förhållandet och antalet nivåer, som måste passa projektet.
• Visade storlekar kan avrundas på skärmen, så kontrollera de slutliga värdena i din stilmall eller designfil.
• En regelbunden skala garanterar inte i sig god läsbarhet på varje skärm och med varje typ av innehåll.

Var bearbetningen sker

Beräkningen körs i din webbläsare. Basstorleken, förhållandet och antalet nivåer stannar på din enhet och skickas inte någonstans. Du kan testa flera antaganden utan att överföra dem utanför din dator.

Vanliga frågor

Vilket förhållande bör jag välja för en typografisk skala?

Det beror på vilken effekt du vill uppnå. Ett måttligt förhållande ger en mjuk hierarki, medan ett högre förhållande skapar tydligare avstånd. Testa flera värden och kontrollera resultatet med ditt innehåll.

Kan jag använda en annan basstorlek än 16 pixlar?

Ja, ange den basstorlek som matchar ditt projekt. Skalan räknas om från det värdet och det förhållande du väljer.

Innehåller resultatet enheter som rem eller procent?

Verktyget utgår från basstorleken du anger, vanligtvis i pixlar. Konvertera värdena efteråt om ditt projekt använder en annan enhet.

Verktyg i samma kategori

• Pixlar och REM