Pathwise

Manuals / Graphic Design / Chapter 4

B · Type & Color · beginner · Week 2 · Chapter 4 of 13

Typography fundamentals

One display face + one body face. A type scale (not random sizes). Leading, measure, and alignment — the 80% of typography that matters for graphic work.

Path progress
26%

Step 1 of 3

Pick a pair

Contrast in weight or genre, not chaos. Display for headlines, body for paragraphs. Avoid two similar serifs or two geometric sans competing.

  • Display + body (classic combo)
  • Same family, different weights (safe combo)
  • Avoid: two decorative faces fighting
Pick a pairDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Pick a pairdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Choose 2 Google Fonts. Set a 4-step scale: 12 / 16 / 24 / 40 (adjust for your project).

Was this step clear?
Chapter learning outcomes
  • Type pairing
  • Type scale
  • Leading & measure
  • OpenType features lite

Clear these before you leave

Side quest

Menu redesign

Restyle a local café menu PDF (or screenshot) into clean hierarchy with your type pair.