Skip to main content

Header & Footer Rules

Compact modifier

Compact modifier — documentation pending.

Complete

`<app-site-footer class="cal-footer-compact" />` is the only footer variant used in production. The default footer is taller and design-system-only — production pages always opt into compact.

What "compact" changes

Padding
`padding-block: 1.5rem → 2rem` (was 2.5rem → 3.5rem). Saves ~40-60px of vertical space.
Social icons
32px (was 40px). Inline gap reduced from 0.75rem to 0.5rem.
Column gap
Reduced row-gap on the 4-column block. Title block dropped from `mb-4` to `mb-2`.
Subscribe block
Total visible height stays ≤280px on desktop, ≤340px on mobile.

Where it ships

Every public-facing detail page, every listing page, every static prose page (about, why-startuphub, FAQ, contact, terms). After the Global Consistency Audit (see GLOBAL_CONSISTENCY_AUDIT.md) the compact modifier is applied to 18/18 footer instances. The default-height footer remains in the codebase but is not rendered anywhere in production.