Type Scale & Hierarchy — Roadmap Step & Resources
Building a consistent set of font sizes and weights for headings, body and captions
- Level: beginner
- Estimated time: 1 days
- Roadmap: UI Design
Before this step
Mini projects
- Define a full type scale (H1-H6, body, caption) with sizes, weights and line heights
Study resources
- Material Design Typography Scale (Article) — Google's official Material Design type scale system.
- Typographic Scale Explained (Video) — Covers building a consistent scale of heading and body sizes.
Part of
- Typography — section
- UI Design roadmap — the full learning path