Background
Currently, the collection of types of buttons doesn't include a primary neutral button. The introduction of this would enable usage of it in situations where an action is not necessarily progressive or is not the main call to action on a page. Quiet buttons could be redesigned to further feel more quiet, while solving some issues we run into with their lack of border, like alignment and uncertainty of their identity, whether an action or simply text.
Additionally, interactive states for buttons rely on various shades, duotones, and gradual transitions that introduce more complexity than clarity. A simpler system, such as a 2px blue outline on hover, with an inset shadow to simulate press communicates state changes directly without visual noise. We should attempt to simplify interaction states by reducing color complexity, fading, and transitions in favor of more immediate, clear changes.
Alignment with principles
This work most closely aligns to the following visual design language principles:
Acceptance criteria
- Redesign buttons and simplify their interactivity states in Codex
- Redesign buttons and simplify their interactivity states in OOUI