Skip to content
GitHub
Sections

Reference · Things to avoid

Oversized radius everywhere

Forbidden
One radius applied to cards, buttons, inputs and badges alike, regardless of element size
Instead
--radius-control for controls, --radius-surface for containers. --radius-control selects sm in every mode; --radius-surface selects md in editorial and product, sm in operator — the selection is per-mode, not a fixed derivation. Small elements take small radii.

What this rule looks like

Forbidden
Instead

Why this rule

In operator, --radius-surface also selects sm, so cards, buttons and inputs converge on one 8px radius. That is not this rule recurring: it is a per-mode selection made deliberately for density. The distinction is whether the value was chosen or defaulted to.

Kind
Rule
Section
Things to avoid
Group
Generic-AI aesthetic
Bucket
judgment
Severity
note
Since
v0.1.0

Read as plain text