Shape Architecture — Principles

Overview

Border radius as a product personality signal, scale approaches (named semantic tiers vs. numeric steps vs. global factor), component consistency rules, and when to use full-radius (pill) shapes.

Sources

SourceURLLicense tier
Material Design 3 — Shapekb/reference/design-systems/material/guidance/foundations/shapeTier 2 (official public docs)
Radix Themes — Radiuskb/reference/design-systems/radix/guidance/foundations/radiusTier 2 (official public docs)
Atlassian Design System — Design Tokenskb/reference/design-systems/atlassian/guidance/foundations/design-tokensTier 2 (official public docs)