Lettertype-/typografische hiërarchie is een cruciaal aspect van UI/UX-ontwerp dat tekst organiseert in stijlen (bijv. koppen en hoofdtekst) voor betere leesbaarheid en structuur. De meeste ontwerpen gebruiken 1–6 kopstijlen en verschillende variaties van hoofdtekst.

Je kunt de Typescale-site gebruiken om de ideale lettertypehiërarchie te bepalen.

• Voer een basishoogte in (meestal 14px of 16px voor hoofdtekst);
• Selecteer een schaal (lettertypeverhoudingsgetal) zoals Minor Third (1.2), Major Third (1.25) of Golden Ratio voor grotere lettertypen.
• Pas instellingen aan zoals lettertype, gewicht, regelafstand, letterspatiëring en kleur;
• Kopieer de waarden van de koppen en de hoofdtekst naar Figma of pas ze aan indien nodig, terwijl je de schaalverhouding behoudt. Je kunt de lettergrootte vermenigvuldigen of delen met de geselecteerde schaalverhouding om consistente kop- of hoofdtekstgroottes te creëren;
• Hoewel de schaalverhouding voor consistentie zorgt, kun je instellingen aanpassen op basis van de vereisten van je ontwerp.