Website Design Typography and Color Theory 2 — Questions and Answers
Question 1: What is 'kerning' in typography?
- The height of uppercase letters
- Adjusting space between specific pairs of characters (Correct answer)
- The thickness of letter strokes
- Line spacing between paragraphs
Correct answer: Adjusting space between specific pairs of characters
Kerning is the process of adjusting the space between specific pairs of characters for visual balance.
Question 2: Which color scheme pairs colors directly opposite each other on the color wheel?
- Analogous
- Triadic
- Complementary (Correct answer)
- Split-complementary
Correct answer: Complementary
A complementary color scheme uses two colors that sit directly opposite each other on the color wheel, creating high contrast.
Question 3: What is the purpose of using a typographic scale in web design?
- To compress text for mobile
- To create visual hierarchy with proportional font sizes (Correct answer)
- To set the default browser font size
- To limit the number of fonts used
Correct answer: To create visual hierarchy with proportional font sizes
A typographic scale creates consistent visual hierarchy by defining proportional font sizes across a design.
Question 4: What does 'em' refer to in web typography?
- A fixed pixel measurement
- A unit relative to the element's current font size (Correct answer)
- The width of the letter M in pixels
- A percentage of the viewport width
Correct answer: A unit relative to the element's current font size
In CSS, `em` is a relative unit equal to the current element's font size, making it scalable and flexible.
Question 5: What is the hex color code for pure white?
- #000000
- #FFFFFF (Correct answer)
- #FF0000
- #CCCCCC
Correct answer: #FFFFFF
Pure white is represented as #FFFFFF in hexadecimal, meaning maximum values for all three RGB channels.
Question 6: Which CSS unit is relative to the root element's font size?
- em
- rem (Correct answer)
- vw
- px
Correct answer: rem
The `rem` unit (root em) is always relative to the font size of the root HTML element, providing consistent scaling.
Website Design Typography and Color Theory 2
What is 'kerning' in typography?