VNR Design System

Border Radius

Rounded corners scale. All derived from a single --ds-radius base via calc(). Change the base → entire system adapts.

XS
2px
--ds-radius-xs
SM
4px
--ds-radius-sm
MD (Base)
6px
--ds-radius-md
LG
8px
--ds-radius-lg
XL
12px
--ds-radius-xl
2XL
16px
--ds-radius-2xl
Full
9999px
--ds-radius-full