Type Treatments

Selecting a Typeface

These are tried and tested styles and clichés for typography.

Serifs

Humanist or Old Style

Dating back to the mid 1400s. Diagonal stress (the thinnest parts of the letters appear on the angled strokes, rather than the vertical or horizontal ones).

List of Humanist Serifs

Transitional

Date back to the mid 1700s. The differences between thick and thin strokes are more pronounced than they are in old style serifs, but less so than in modern serifs.

Modern

Date back to the late 1700s. Pronounced contrast between thin and thick lines, and have have a vertical stress and minimal brackets.

List of Modern Serifs, or "Didones"

Slab

Little to no contrast between thick and thin lines, and have thick, rectangular serifs, and sometimes have fixed widths.

List of Slab Serifs

Script

There are two basic classifications: formal and casual. Formal scripts are often reminiscent of the handwritten letterforms common in the 17th and 18th centuries. Casual scripts more closely resemble modern handwriting.

List of Script Typefaces

Display

Reserved for headlines or other short copy that needs attention drawn to it.

Sans Serifs

Humanist

These typefaces are calligraphic in structure, often with higher stroke contrast than other sans serifs. They have open forms that lead the eye horizontally, making them the best sans serifs for long reading and small text.

List of Humanist Sans Serifs

Transitional or Grotesque

These sans serifs don't have a strong relationship to calligraphy. Their shapes and proportions are fairly uniform, with low stroke contrast. Round shapes are more oval than circular and x-height is usually large. Often better for paragraphs than geometrics, but not as good as humanists.

List of Transitional or Grotesque Sans Serifs

Geometric

These sans serifs are constructed of straight, monolinear lines and circular or square shapes. This can make them very cold and clinical, but also quite simple. The starkness of most geometric sans serifs makes for great headings, but they are usually less than ideal for long paragraphs.

Super Families

Pairings

Headings

Small headings

For indicating sub categories of articles. Can be used with stripes for color coding.

Small heading inside of a block

Can be color coded. Also called "cameo".

Words in contrast color

Highlight importance with sections.

Contrast bold letters with light letters

Headlines etc.

Multiple headings

Subheadings

Paragraph Text

Drop caps

Traditional looking prose.

Statistics

Large stats

Together with icons and explanations.