Foundations · radius · 4-step scale

Radius

Carbon defaults to 0 px (sharp corners — brand signal). Avala defaults to 4 px (radius-sm) — a documented brand override of Carbon's sharp default. Components use rounded-sm by default; rounded-md + rounded-lg are reserved for floating surfaces.

--radius-sm4 px

Brand default · buttons / inputs / cards

--radius-md8 px

Tiles / dialogs · escape from default

--radius-lg12 px

Modal sheets / floating panels

--radius-full9999 px (full)

Pills / avatars · max curvature