Section · Page chrome

Secondary navigation

Compact shared header for solution, media, and legal routes.

Component gallery

The section at every supported size.

Provides consistent cross-site wayfinding when a page is not organized around homepage anchor links.

Desktop1440 × 760
Live component specimen
Tablet900 × 680
Live component specimen
Mobile390 × 720
Live component specimen

Build recipe

Anatomy and content rules

Anatomy

  1. Anchr wordmark
  2. Primary site links
  3. Solutions dropdown
  4. Demo action

Content checklist

  • Match primary navigation labels
  • Highlight no more than one destination
  • Keep the header visually quiet

Composition guidance

Place it with compatible sections.

Works beside

Solution detail heroEditorial / legal hero

Live usage

/case-studies/media/privacy-policy/terms-of-service

Source reference

app/components/SecondaryHeader.tsx