Skip to main content

Glossary · elevation

Shape Radius Ladder

The set of corner radii (e.g. 4 / 8 / 12 / 16 / 20 px) a design system uses for inputs, buttons, cards, and modals.

Radius ladders are tiny but expressive: 4-px buttons feel mechanical, 12-px cards feel digital, 20+px hero blocks feel friendly. Most catalogued sites in AI2 Design hold their radii to 4-6 values; Linear's is finer (2/4/6/7/8/12/16/20) because its density demands optical micro-pairing. The brief's `shapeRules.cornerRadii` field encodes the captured ladder verbatim.

Catalogued examples

2 catalogued sites demonstrate shape radius ladder in production.

All glossary terms

AI2 Design counts anonymous traffic always — no cookies, no identifiers, no fingerprinting. For optional session insights (PostHog, EU region) — page funnel, performance — turn on opt-in analytics below. Cookie policy.