Button
Use the primary button for one principal command on the page.
SurfacesComponents
Common pieces keep review context readable.
Documented examples cover buttons, media cards, tags, focus states, and compact review summaries.
ButtonMedia cardTagFocusQuestion row
01
Component Coverage
Examples cover the pieces this public page actually uses.
Media card
Pair a generated-screen image with the point a designer should inspect.
Tag
Tags represent state or metadata, not decoration.
Question row
Rows should name source, behavior, owner, or next step in plain language.
Focus
Focus uses Ink for contrast. Proof Cyan may support it, but cannot be the only cue.
02
States
Focus, disabled, and review states must remain explicit.
The screen needs review context before handoff.
| Question | Owner | Status |
|---|---|---|
| Source | Design Systems | Visible |
| Owner | Product Design | Review |