Search Kaotypr Design System

Search tokens, pages and quick actions

TokensRadius

Radius

Use semantic radii (rounded-button, rounded-card) for new code. The generic scale exists for unmigrated shadcn primitives.

Locked

Locked tokens

4 tokens
--radius-lgLockedaliases --radius

feeds --radius-sm/md/lg/xl

Light
0.625rem
--radius-mdLocked

Light
calc(var(--radius) - 2px)
--radius-smLocked

Light
calc(var(--radius) - 4px)
--radius-xlLocked

Light
calc(var(--radius) + 4px)
Brand

Brand tokens

7 tokens
--radius-buttonBrand

pill default

Light
9999px
--radius-cardBrand

Light
1.5rem
--radius-chipBrand

Light
9999px
--radius-dialogBrand

Light
2rem
--radius-inputBrand

Light
1.25rem
--radius-popoverBrand

Light
1.5rem
--radius-sheetBrand

Light
1.25rem