← Design system

SiteHeaderBrand

Wave 0 primitive — sticky 64→48px scroll-shrink, border-bottom only (NO drop-shadow), composes GlobalNav via slot

Scroll-shrink behavior

Scroll down past 200px to see the header compact from 64px to 48px height (logo shrinks from 20px → 18px). On mobile (<1024px) the header height is 52px and the hamburger replaces the inline nav.

Filler content — scroll to test compact-on-scroll.

Spec: data/design/components/site-header-brand.yml
Reference: docs/design/previews/hypnonews/design-outputs/components/site-header-brand.html
Composes: GlobalNav primitive via default slot