We tested with five people and found the same problem four times. Whitespace is not empty; it is doing the grouping for you. Contrast is not a style choice; it is whether people can read the page.
The short version
A design system is a set of decisions you no longer have to argue about. Dark mode is a second palette, not an inverted first one. We tested with five people and found the same problem four times.
Consistency is kind, but clarity wins when the two disagree. Type scale decisions ripple into every component downstream.
Trade-offs
An error message should blame the system, not the person. Motion should explain a change, not decorate it. Consistency is kind, but clarity wins when the two disagree. Good defaults are the design most users will ever see.
- Design the empty and error states
- Prefer one clear action per screen
- Start from content, not components
- Write the microcopy before the mockup
An error message should blame the system, not the person. We removed three options and support tickets dropped by a third.
Context
A design system is a set of decisions you no longer have to argue about. Type scale decisions ripple into every component downstream. Good defaults are the design most users will ever see. Users scan, so headings carry more weight than paragraphs.
A design system is a set of decisions you no longer have to argue about. Labels above fields beat clever placeholders every time.
Dark mode is a second palette, not an inverted first one. An error message should blame the system, not the person.
Leave a Reply