A design system is a set of decisions you no longer have to argue about. An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you.
Details
Motion should explain a change, not decorate it. Type scale decisions ripple into every component downstream. An error message should blame the system, not the person.
Users scan, so headings carry more weight than paragraphs. Motion should explain a change, not decorate it.
Lessons
We tested with five people and found the same problem four times. Type scale decisions ripple into every component downstream. Motion should explain a change, not decorate it.
- Design the empty and error states
- Write the microcopy before the mockup
- Prefer one clear action per screen
- Check contrast early
Consistency is kind, but clarity wins when the two disagree. Motion should explain a change, not decorate it.
Getting started
Motion should explain a change, not decorate it. Contrast is not a style choice; it is whether people can read the page. Labels above fields beat clever placeholders every time. A design system is a set of decisions you no longer have to argue about.
Good defaults are the design most users will ever see. An error message should blame the system, not the person.
We tested with five people and found the same problem four times. An error message should blame the system, not the person.
Leave a Reply