Radius & Layout

CODECAVE runs unusually large corners — the radius is a brand signal, not a detail. When in doubt on a card, use --radius-card (24px).

Radii

--radius-sm · 8
--radius-md · 12
--radius-card · 24
--radius-article · 36
--radius-custom · 44
--radius-pill

Page container

BreakpointGutterMax width
< 768px--gutter-base · 8pxfluid
≥ 768px--gutter-md · 16pxfluid
≥ 1280px--gutter-xl · 32px--max-width-desktop · 1280px

Section rhythm

TokenValueUse
--section-padding-top200pxspace above section content
--section-padding-bottom120pxspace below
--card-padding32px 32px 48pxheavier bottom seats a footer action

Section panel

.section-container — 64px radius (120px ≥768px) + upward violet glow