Type misuse do-not grid

Type misuse do-not grid, corporate-clean, light-mode, light

Preview image. Unlock full-res

Light page showing six prohibited type treatments as a 3x2 card grid, each crossed out with a red diagonal and captioned with the typographic rule it breaks.

Summary

A type "what not to do" page: six rounded cards, each demonstrating a banned typographic treatment, struck through with a red diagonal and captioned with the rule it breaks.

Visual description

White background, standard header ("Typography" / "Color in Typography", page "45"). The left column carries "Type Misuse" and a short intro. The right two-thirds is a 3x2 grid of cream rounded cards, each one a wrong example with a single red diagonal strike and a sentence caption beneath. Top row: a low-contrast ghosted paragraph ("Do not use colors that are not accessible"), an all-caps block ("Avoid uppercase text"), and a fully bolded paragraph ("Do not set paragraph text in bold"). Bottom row: a tightly-leaded block ("Do not set body leading too tightly"), a justified paragraph with uneven word spacing ("Do not justify-align paragraphs"), and the same copy set in a serif face ("Do not use unapproved typefaces"). Each card uses the same Docusign body sentence so only the broken rule changes.

Key takeaway

Holding the copy constant across all six cards and changing only the one variable being prohibited, so each mistake is isolated and obvious. The red-diagonal strike plus a one-line caption is the same do-not language used on the color-misuse page, keeping the guideline internally consistent.

Reuse notes

A reusable layout for the typography misuse page of a brand or design system; mirrors the color-misuse grid for a consistent "don't" pattern across the deck. Using one fixed sentence as the control is the move worth copying. Pairs with an approved-usage or hierarchy page.

From this deck: Type misuse do-not grid

View deck

More like this