Typography
Typographic hierarchy for interfaces
Use size, weight and rhythm to create clear reading order in UI without relying on excessive decoration.
In one sentence
Typography should reveal structure before users read every word.
Why it matters
Clear text roles help people scan titles, supporting content and metadata quickly.
Applied example
A dashboard metric can be larger and heavier than its label while secondary data remains quieter.
What to remember
- Define a small set of text roles.
- Use weight and size intentionally.
- Keep metadata visually quieter.
PixelDojo
Don't just memorize the principle. Practice spotting it.
Test your judgment with fast visual challenges and immediate feedback.
Start training