Type scale decisions ripple into every component downstream. Motion should explain a change, not decorate it. Consistency is kind, but clarity wins when the two disagree.
Trade-offs
We tested with five people and found the same problem four times. 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. Motion should explain a change, not decorate it.
Whitespace is not empty; it is doing the grouping for you. We tested with five people and found the same problem four times.
The short version
Labels above fields beat clever placeholders every time. Consistency is kind, but clarity wins when the two disagree. We tested with five people and found the same problem four times.
- Test with real data
- Write the microcopy before the mockup
- Start from content, not components
- Check contrast early
Consistency is kind, but clarity wins when the two disagree. Good defaults are the design most users will ever see.
What didn’t
Contrast is not a style choice; it is whether people can read the page. Dark mode is a second palette, not an inverted first one. A design system is a set of decisions you no longer have to argue about.
Type scale decisions ripple into every component downstream.
An error message should blame the system, not the person. Type scale decisions ripple into every component downstream.
An error message should blame the system, not the person. The prototype answered in a day what the meeting could not in a month.
Leave a Reply