Robin Williams' CRAP Design Lessons

Why CRAP Design Is the Secret to Great Creative Work


By Chris Dunmire | Posted 5/18/26

An Ode to Robin Williams — OGDTP* Influencer:

"O muse of margins, space, and type,
thy CRAP transforms
my clutter into art,
and sets each wayward letter
cleanly, true, and right."

*Original Graphics and Desktop Publisher


Non-Designers Design Book by Robin WilliamsWhen I first started studying graphic design, I came across Robin Williams — not the actor, but the author and educator whose work has introduced countless people to design.

She’s written dozens of books, including the well-known Design for Non-Designers series and The PC [and MAC] is not a Typewriter, and taught courses that helped shape early desktop publishing and web design as digital technology left the typewriter behind.

What makes her stand out is how clearly and practically she explains ideas that can otherwise feel overwhelming, such as the difference between (and when to use) a hyphen (-), en dash (–), and em dash (—), and why you only need one space at the end of sentence instead of two.

One concept from her work that really stuck with me is her memorable “CRAP” framework: Contrast, Repetition, Alignment, and Proximity. The acronym is hard to forget, and the principles are still incredibly useful to me years later into my career. They offer a straightforward way to think about layout and organization, helping turn something that feels random into something that looks intentional and polished.

Williams' CRAP Design Principles:

C — Contrast

Make differences obvious.

  1. Use size, color, weight, or font to create emphasis
  2. Avoid “almost the same” elements — they look like mistakes
  3. Helps guide the reader’s eye and create hierarchy

R — Repetition

Repeat to create unity.

  1. Reuse fonts, colors, spacing, or visual elements
  2. Builds consistency across the design
  3. Makes everything feel connected and intentional

A — Alignment

Line things up.

  1. Every element should have a visual connection to something else
  2. Stick to clean edges or a grid (left, right, or centered)
  3. Creates a polished, organized look

P — Proximity

Group related items together.

  1. Keep related content close, separate unrelated items
  2. Reduces clutter and confusion
  3. Makes information easier to scan

In a nutshell:

  • Contrast = what stands out
  • Repetition = what connects
  • Alignment = what organizes
  • Proximity = what groups

Typography

Pies layout by Robin WilliamsWilliams also changed how I think about typography and designing with type. Instead of seeing text as just a way to deliver information, she treats it as a central design element.

In examples from her Non-Designer’s Design books, she creates layouts — like Workshops for Pie Artists — using mainly type with small embellishments, yet they still feel dynamic and visually engaging. Through careful use of spacing, hierarchy, and repetition, the design communicates clearly as she challenges you to "train your designer eye" to identify other repetitive elements on the card and how to use a centered alignment that doesn't look amateur.

That same approach carries into her web and identity work. Her iREAD Shakespeare website header combines multiple typefaces but still feels cohesive, with a clear hierarchy and an inviting tone. Similarly, her logotype for The Mary Sidney Society uses elegant, script-like typography and color to suggest a refined, literary atmosphere. Even without knowing the context, the design gives you a sense of what to expect.

iREAD Shakespeare Web site header and Mary Sidney Society logo by Robin Williams

Pie Workshop, iREAD Shakespeare, and Mary Sidney Society design by Robin Williams


What I appreciate most about Williams’ work is that it strikes a balance: it’s approachable without being simplistic. She gives you evergreen tools you can apply immediately, but also encourages you to see design — especially typography — as something expressive and full of possibility.

Why Designers Still Matter

As AI grows more sophisticated in producing generative outputs, skilled designers are needed to guide projects by combining systems thinking, communication skills, product intuition, and empathy into brand design, interfaces, and prototypes.

AI compresses labor, but frequently needs refinement. It also doesn't understand human motivation, emotional nuance, cultural context, or business priorities. Human-centered design decides what should be made with results that work for real people, such as:

  1. what to emphasize
  2. what to remove
  3. what users see first
  4. how something behaves
  5. what tone to use
  6. and what trade-offs are acceptable

Design is fundamentally about making choices under constraints. Synthetic AI expands options, but human designers decide which direction creates meaning and value. The instructional work of Williams remains highly relevant and incredibly valuable to this process. •

Copyright ©2026 Chris Dunmire. All rights reserved.


Copyright ©2000-2026 Chris Dunmire, Creativity-Portal.com