Radius
Roundness sets character. Square corners feel technical, pill corners feel playful. Linusite leans medium — refined, not soft.
Scale
radius-sm
4px
radius-md
8px
radius-lg
12px
radius-xl
16px
radius-2xl
24px
radius-full
9999px
When to use
A rough mapping — break the rule when the component asks for it.
- sm — inputs, micro-tags, swatches.
- md — buttons, menu items, badges.
- lg — cards, panels, large buttons.
- xl — feature cards, modals.
- 2xl — hero blocks, image surfaces.
- full — pills, avatars, status dots.