Preview image. Unlock full-res
Floating dark pill navbar with numbered section links and unavailable status button over blurred product photo.
Summary
A centered floating pill navbar on a dark blurred product background with decimal-numbered links and an unavailable CTA.
Visual description
Deep black background with soft out-of-focus grayscale mechanical imagery. Far-left white geometric WRK logo. Center holds a dark semi-transparent rounded pill bar: ACF-01 product label with vertical divider, four numbered all-caps links (1.0 OUR ETHOS through 4.0 SOUSCRIPTION), and a light gray rounded button with plus icon reading Unavailable. Far-right two-line hamburger icon.
Key takeaway
The floating pill nav separates wayfinding from the hero edge while decimal numbering reinforces a technical catalog feel. Product name inside the bar anchors context without a separate breadcrumb.
Reuse notes
Works on dark hero pages for single-product or limited-SKU brands. Pill width must accommodate link count; status button pattern suits waitlist or sold-out products.
