A design system that knows why it is the way it is can tell you what to change when the why changes. Pick an answer and a new option.
Attention on the content→
6answers move
8answers follow from it
5components change
3keys change
Answers that move, and why
elevation.rolesWhat rises above the page?
Only what floats→NothingbecauseFlat is easier to read at high zoom.
elevation.countHow many shadow levels exist?
One→NonebecauseNo shadows.
elevation.landsWhere does elevation show?
Menus and dialogs→Dialogs onlybecauseOnly dialogs separate, with a dimmed page and a border.
iconography.definitionWhat icon style?
Outline→FilledbecauseFilled icons stay visible at low vision.
iconography.valuesHow big are icons next to text?
Match the text→Larger than the textbecauseLarger icons are easier to see.
voice.countHow many tones does it use?
One per moment→OnebecauseOne plain tone everywhere; no surprises.
Where it lands · before → after
Button
→
Table row
Guides saved
4
Finished this month
11
→
Guides saved
4
Finished this month
11
After: the answers of Accessible first, the closest scheme that answers human.q1 with “Low effort to understand”. Components that change: card, overlay, button, input, table.