Header 3

Header 3 – Compact Dark

Single-row dark header for landing pages and campaign micro-sites. Brand, navigation and social icons share one bar, so the hero starts higher on the page.

• Dark navy surface for image-heavy hero sections.
• Social icons replace the contact bar to save height.
• Shorter menu keeps the single row readable.
• Uses the same tokens as the light header, only inverted.