5. Border Radii & 3D Dark Elevation Matrix
Complete 7-level border radius token scale and 5-tier specular elevation system.
Border Radii Token Scale
radius-sm
2px
Tags & Badges
radius-md
4px
Inputs & Buttons
radius-lg
6px
Select Dropdowns
radius-xl
8px
Cards & Panels
radius-2xl
11px
Container Cards
radius-3xl
13px
Modals & Sheets
radius-full
9999px
Avatars & Pills
3D Dark Elevation & Specular Rim Tiers
Tier 0: Flat
Y-Displacement: 0px
Tier 1: Float
Y-Displacement: -3px
Tier 2: Popover
Y-Displacement: -7px
Tier 3: Dock
Y-Displacement: -11px
Tier 4: Modal
Y-Displacement: -15px