Typography
Use when asked about typeface selection and text styling for readability and visual design — typefaces, readability factors, emotional impact, hierarchy, alignment, consistency — for graphic design, web design, and branding.
Typography is the art and technique of arranging and designing typefaces (fonts) to make written language readable and visually appealing — the selection, arrangement, and styling of typefaces, along with spacing, line length, and overall layout. It plays a crucial role in graphic design, web design, branding, and visual communication generally.
Key aspects
- Typefaces — the different designs and styles of letterforms, from classic serif fonts (with small decorative strokes) to modern sans-serif fonts (without them), script fonts, display fonts, and more.
- Readability — font size, line spacing (leading), letter spacing (tracking or kerning), and contrast between text and background are all crucial to ensuring text is easily readable.
- Emotional impact — different typefaces evoke different tones — elegance, playfulness, seriousness, informality — shaping how a message is perceived beyond its literal content.
- Hierarchy — different font sizes, weights, and styles establish a visual hierarchy, guiding the reader's attention among headings, subheadings, body text, and other elements.
- Alignment — left, right, centered, or justified text affects visual flow and readability, and can create different visual effects and emotional impressions.
- Consistency — consistent typography across a design or brand creates a cohesive visual identity and reinforces recognition, producing a unified, professional appearance.
Common pitfalls
- Too many typefaces in one design — mixing more than two or three typefaces (typically one for headings, one for body text, occasionally one accent) tends to look inconsistent and undermines hierarchy rather than reinforcing it.
- Prioritizing style over readability — a visually striking but hard-to-read typeface (excessive decoration, poor contrast, too small a size) fails typography's primary job.
- Inconsistent hierarchy signals — using font size, weight, and color inconsistently to indicate importance confuses rather than guides the reader.
- Ignoring line length and spacing — lines that are too long (hard to track back to the start) or too tightly/loosely spaced both hurt reading comfort, independent of the typeface chosen.
Learn more
- Iconography for the complementary visual-communication discipline of icons.
- User Centred Design for the broader design discipline typography choices serve.