System-Wide Layout

Header, footer, and content area allocation are system-wide standards in this repo.

Artifact Home

• src/shared/design-system/layout.ts
• src/shared/design-system/theme.ts
• src/shared/design-system/template.tsx
• src/shared/design-system/components.tsx

What Belongs Here

• header height
• footer height
• header/footer rail behavior
• content-area top and bottom buffers
• side gutters
• footer clearance
• page-title vertical offsets

Current Standard

• header height: 7%
• footer height: 5%
• header: transparent rail with bottom hairline
• footer: transparent rail with top hairline
• content top buffer: 0.2%
• content bottom buffer: 0.2%
• footer clearance: 2rem
• side gutters: 1%
• page title top offset: 1.25rem
• page title gap to content: 1.5rem

Rules

• All decks should observe the same header and footer allocation.
• Metadata belongs in the footer rail unless a deliberate exception is defined.
• Slide content must never bleed into the footer rail.
• Deck-level standards may build on top of this layout, but they should not redefine the system-wide allocation rules.