Preview image. Unlock full-res
Floating pill-shaped transparent nav bar with white outline, centered serif logo, flanking links, icons, and black Get Started CTA over hero photography.
Summary
A full-width outlined capsule navbar floating over warm hero photography with white links, centered serif wordmark, account and bag icons, and a nested black pill CTA.
Visual description
Thin white-outlined horizontal bar with fully rounded ends over blurred lifestyle photo of person and spotted dog. Left white sans links: Shop, Blog, Vet Professionals. Center tall white serif Golden Child logotype. Right white line icons for account and shopping bag, plus solid black pill Get Started button nested inside the bar's right end.
Key takeaway
Capsule outline nav feels boutique without a heavy solid header bar. Black CTA nested inside the white-outline shell creates a clear focal point while staying on-brand. Serif center logo with sans flanking links is a simple premium pattern.
Reuse notes
Works on photography-heavy DTC or lifestyle sites where transparency preserves the hero. Requires sufficient contrast on all hero variants; may need scroll-state solid fill. Vet Professionals link signals B2B2C expansion in nav real estate.
