Type misuse do-not grid

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

Preview image. Unlock full-res

A six-tile do-not grid for typography, each cream card showing a forbidden text treatment struck through with a red diagonal line and captioned with the mistake.

Elementscard
Palette
#F8F3F0
#FF5252
#26065D
#CBC2FF

Summary

A typographic "what not to do" page: six cream tiles each showing a forbidden text treatment crossed out by a red diagonal slash with a one-line caption.

Visual description

Standard guideline layout on white. The left column holds "Type Misuse" and a short intro. The right two-thirds is a 3-column, 2-row grid of rounded cream tiles, each holding the same paragraph ("Keep business moving...") rendered in a bad way and struck through with a thin red diagonal line. The examples: low-contrast washed-out text, all-uppercase text, paragraph set in bold, body leading set too tight, justified alignment, and an unapproved serif typeface. A caption sits under each tile ("Do not use colors that are not accessible", "Avoid uppercase text", "Do not set paragraph text in bold", "Do not set body leading too tightly", "Do not justify-align paragraphs", "Do not use unapproved typefaces"). Running header: "Typography / Color in Typography / 45".

Key takeaway

Holding the copy constant and changing only the one variable being warned against isolates each mistake cleanly. The shared red-slash marker keeps the do-not grid instantly readable and consistent with the color-misuse page.

Reuse notes

A reusable type do-not page for any brand or style guide. Keeping the sample sentence identical across tiles is the key move, it makes the forbidden treatment the only difference. Mirror the red-slash convention used elsewhere in the same guide.

From this deck: Type misuse do-not grid

View deck

More like this