Spacing & Layout

Generous whitespace. Content breathes. Nothing feels cramped.

Page Margins

py-10 / md:py-16

px-8 / md:px-24

Content area

Spacing Scale

4pxInline spacing, icon gaps

8pxTag padding, tight groups

16pxCard padding, button padding

24pxSection gaps, grid gutters

48pxHeader-to-content gap

96pxPage horizontal margin (desktop)

Border Radius

roundedBadges

rounded-lgButtons

rounded-xlSmall cards

rounded-2xlCards, code

rounded-fullTags, pills