The original interface had seven buttons and every one of them sounded like the primary action.
What changed
- Primary actions became visually distinct.
- Secondary actions moved into calmer styling.
- Destructive actions stopped wearing friendly colors.
- Disabled buttons stopped looking like secrets.
Imaginary results
| Metric | Before | After |
|---|---|---|
| Accidental clicks | 48 | 12 |
| Questions in review | 19 | 4 |
| Buttons claiming urgency | 7 | 1 |
Component sketch
.button-primary {
background: var(--accent);
color: var(--accent-ink);
}
.button-secondary {
background: var(--panel);
color: var(--text);
}The lesson is simple enough: when everything is loud, the actual next step becomes harder to hear.