Graphic Design Basics
Lesson 2 of 2 6 min +40 XP

Type & Color

Fonts, contrast, and readability.

What you'll learn

  • Pair fonts sensibly
  • Use contrast for readability
  • Apply color relationships
The font that whispers or shouts

A wedding invite in a wild neon font feels wrong; the typeface itself carries a mood. Type and color are how design sets tone and stays readable — the right pairing whispers elegance or shouts a sale before a word is read.

Words have a look, not just a meaning

Typography is choosing and arranging type. A useful rule: pair a distinctive display font for headlines with a clean, plain font for body text — two fonts, clear jobs. Too many fonts, like too many voices, become noise.

Contrast is readability

Text must stand out from its background. Dark text on a light field (or vice versa) reads easily; light gray on white strains the eye. High contrast is not just style — it is accessibility.

Simulation · Color mixer
+
=

Color 1

Color 2

red + yellow = orange

Mix primaries to see how colors relate. Designers use these relationships — complements, analogues — to build palettes that feel deliberate.

Lab · Test your palette
  1. Pick a background color and a text color for a poster.
  2. Judge the contrast: could someone read it from across a room? If not, adjust.
  3. Choose two fonts: one for the headline, one for the body. Give each a clear job.
  4. Explain why limiting yourself to two fonts and a small palette usually looks more professional.

What you should see: You made deliberate type and color choices and tested them against the real goal: effortless readability.

Knowledge Check

+10 XP / correct

1. A common typography guideline is to…

2. Light gray text on a white background is a problem mainly because of poor…