# 14 · Navigation — Pet Air Valet Brand Guide

> © 2026 Pet Air Valet. All rights reserved. **Strictly confidential — internal use only.**

A 56 px header. Logo left, primary links centre, socials and a terracotta Contact Concierge button right. The active route earns a gold underline. On scroll, the bar becomes cream at 90% opacity with a saturated blur.

## States

- **Default · top of page** — transparent on cream.
- **Scrolled** — blurred cream with a hairline gold rule.
- **On midnight** — editorial / footer-style, transparent with a golden hairline.

## Anatomy

- **Logo · left** — mark + wordmark at nav size (44px mark, small wordmark).
- **Links · centre** — Home (icon), Flights ▾, In-Cabin Experience, Documentation, About Us ▾.
- **Active route** — gold underline on the current link.
- **Actions · right** — Contact Concierge pill (terracotta, with headset icon).

## Rules

- Header height: **56px**.
- Active indicator is the only visual state for the current route — no bold text, no filled chip.
- Dropdown indicators use the chev icon, never a caret in copy.
- Contact Concierge is **always terracotta**; on midnight it keeps its terracotta fill.

---
*Pet Air Valet — Brand Guide, v1.0 · April 2026 · Fly Together, In-Cabin.*