Social Media Design Typography & Visual Hierarchy 1 — Questions and Answers
Question 1: What is the minimum recommended font size for body text on social media images to ensure readability on mobile?
- 8px
- 10px
- 16px (Correct answer)
- 24px
Correct answer: 16px
A minimum of 16px (or equivalent at final export resolution) is recommended for body text on social media images to remain legible on small mobile screens.
Question 2: What is 'typographic hierarchy' in social media design?
- Using multiple typefaces in one design
- Organizing text by visual size and weight to guide the reader's eye from most to least important (Correct answer)
- Always using bold for all text
- Ranking font types by style popularity
Correct answer: Organizing text by visual size and weight to guide the reader's eye from most to least important
Typographic hierarchy uses size, weight, and color contrast to lead viewers from the headline to subheadline to body copy in a logical reading sequence.
Question 3: Which type of font pairing is a common best practice in social media design?
- Pairing two serif fonts from the same family
- Pairing a serif display font with a sans-serif body font (Correct answer)
- Using three decorative scripts together
- Mixing fonts randomly for variety
Correct answer: Pairing a serif display font with a sans-serif body font
Pairing a serif display font (for headlines) with a clean sans-serif (for body/supporting text) creates visual contrast and maintains readability.
Question 4: What does 'leading' refer to in typography?
- The letter spacing between characters
- The vertical space between lines of text (Correct answer)
- The horizontal space between words
- The weight of a typeface
Correct answer: The vertical space between lines of text
Leading (pronounced 'ledding') refers to the vertical spacing between lines of text, named after the lead strips typesetters used to separate lines.
Question 5: What is 'kerning' in typography?
- The size of a font
- The spacing adjustment between specific letter pairs (Correct answer)
- The overall line height
- The width of a text block
Correct answer: The spacing adjustment between specific letter pairs
Kerning is the manual adjustment of space between individual character pairs to achieve visually balanced, natural-looking text.
Question 6: Which visual principle explains why a large, bold headline draws attention before smaller body text?
- Color theory
- Gestalt closure
- Visual hierarchy through scale and weight (Correct answer)
- The rule of thirds
Correct answer: Visual hierarchy through scale and weight
Visual hierarchy through scale and weight exploits our natural tendency to notice larger, heavier elements first, directing attention to the most important information.
Social Media Design Typography & Visual Hierarchy 1
What is the minimum recommended font size for body text on social media images to ensure readability on mobile?