Rethinking Color Contrast

Abstract design gradient artwork

Contrast is not a style choice; it is whether people can read the page. An error message should blame the system, not the person. Users scan, so headings carry more weight than paragraphs.

Details

Consistency is kind, but clarity wins when the two disagree. An error message should blame the system, not the person. Labels above fields beat clever placeholders every time. Type scale decisions ripple into every component downstream.

Type scale decisions ripple into every component downstream. Motion should explain a change, not decorate it.

Lessons

We removed three options and support tickets dropped by a third. Consistency is kind, but clarity wins when the two disagree. Motion should explain a change, not decorate it.

  • Write the microcopy before the mockup
  • Check contrast early
  • Start from content, not components
  • Prefer one clear action per screen

A design system is a set of decisions you no longer have to argue about. Motion should explain a change, not decorate it.

Going further

Whitespace is not empty; it is doing the grouping for you. Type scale decisions ripple into every component downstream. We removed three options and support tickets dropped by a third. A design system is a set of decisions you no longer have to argue about.

Labels above fields beat clever placeholders every time. Type scale decisions ripple into every component downstream.

Motion should explain a change, not decorate it. Labels above fields beat clever placeholders every time.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *