Oversized radius everywhere
- Forbidden
- One radius applied to cards, buttons, inputs and badges alike, regardless of element size
- Instead
--radius-controlfor controls,--radius-surfacefor containers.--radius-controlselectssmin every mode;--radius-surfaceselectsmdineditorialandproduct,sminoperator— the selection is per-mode, not a fixed derivation. Small elements take small radii.
What this rule looks like
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