Consistency is kind, but clarity wins when the two disagree. A design system is a set of decisions you no longer have to argue about. Type scale decisions ripple into every component downstream.
Trade-offs
Labels above fields beat clever placeholders every time. Type scale decisions ripple into every component downstream. Dark mode is a second palette, not an inverted first one.
The prototype answered in a day what the meeting could not in a month. Motion should explain a change, not decorate it.
Lessons
The prototype answered in a day what the meeting could not in a month. 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. Labels above fields beat clever placeholders every time.
- Test with real data
- Write the microcopy before the mockup
- Start from content, not components
- Check contrast early
Dark mode is a second palette, not an inverted first one. We tested with five people and found the same problem four times.
A small example
The prototype answered in a day what the meeting could not in a month. Contrast is not a style choice; it is whether people can read the page. We tested with five people and found the same problem four times.
Users scan, so headings carry more weight than paragraphs. 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. The prototype answered in a day what the meeting could not in a month.
Leave a Reply