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.
Forms and tasks→
5answers move
9answers follow from it
8components change
6keys change
Answers that move, and why
content.q2How much is on one screen?
A moderate amount→One idea at a timebecauseOne big idea per section.
spacing.rolesWhich spacing roles does it need?
Gaps, insets and row heights→Gaps and insetsbecauseFew tables; no row role needed.
spacing.valuesHow dense is the layout?
Comfortable→SpaciousbecauseBig space makes big moments.
components.rolesWhich component families does it need?
Core, plus content and media→Core, plus mediabecauseCampaigns lead with media and big sections.
components.landsWhere do components do the most work?
Sign-up and account pages→Campaign sectionsbecauseComponents sit inside big campaign sections.
Where it lands · before → after
Button
→
Table row
Plan
Standard
Next payment
12.00
→
Plan
Standard
Next payment
12.00
After: the answers of Brand expressive, the closest scheme that answers content.q1 with “Images and campaigns”. Components that change: button, input, badge, card, table, control, tabs, overlay.