Design & UI/UX
May 22, 2026
• 4 min read
Typography Hierarchy: Stop Using Bold for Everything
If everything is bold, nothing is bold. Typography hierarchy is the art of guiding the reader's eye through the text in the exact order you want them to read it.
The H1, H2, Body System
Your H1 (Main Title) should be massive and attention-grabbing. Your H2 (Subheadings) should be about 50% the size of the H1. Your body text should be highly legible, usually 16px-18px.
Weight and Color over Size
You don't always need to change the size to create hierarchy. You can use an 18px Bold Black font for a sub-label, and an 18px Regular Gray font for the description next to it. Contrast in weight and color is often more elegant than contrast in size.
Conclusion
Limit yourself to 3 font sizes and 2 font weights per design. Constraints breed creativity and ensure a clean, professional look.
