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.
