Website Design Typography and Color Theory 1 — Questions and Answers
Question 1: What term describes the space between lines of text in a web design?
- Kerning
- Tracking
- Leading (Correct answer)
- Baseline
Correct answer: Leading
Leading refers to the vertical space between lines of text, controlling readability in web typography.
Question 2: Which color model is primarily used for web design and digital screens?
- CMYK
- RGB (Correct answer)
- Pantone
- HSL only
Correct answer: RGB
RGB (Red, Green, Blue) is the standard color model for digital screens and web design.
Question 3: What is the recommended minimum contrast ratio for normal body text according to WCAG 2.1 AA?
- 2:1
- 3:1
- 4.5:1 (Correct answer)
- 7:1
Correct answer: 4.5:1
WCAG 2.1 AA requires a minimum contrast ratio of 4.5:1 for normal-sized body text.
Question 4: What is a serif typeface characterized by?
- Small decorative strokes at the ends of letterforms (Correct answer)
- Uniform stroke width throughout
- Rounded letter shapes
- Condensed letterforms
Correct answer: Small decorative strokes at the ends of letterforms
Serif typefaces have small decorative strokes (serifs) at the ends of letterforms, like Times New Roman.
Question 5: Which CSS property controls the weight (boldness) of text?
- font-style
- text-weight
- font-weight (Correct answer)
- font-strength
Correct answer: font-weight
The `font-weight` property in CSS sets the boldness of text, accepting values like normal, bold, or 100–900.
Question 6: What does a monochromatic color scheme consist of?
- Colors opposite on the color wheel
- Multiple shades and tints of a single hue (Correct answer)
- Three equally spaced colors on the color wheel
- Two adjacent colors on the color wheel
Correct answer: Multiple shades and tints of a single hue
A monochromatic color scheme uses multiple shades, tints, and tones derived from a single base hue.
What term describes the space between lines of text in a web design?