# Bang & Olufsen, Product

E-commerce brands · Product · Custom code · Struer, Denmark
Live page: https://www.bang-olufsen.com/en/us/headphones
On Designly: https://designly.sh/s/bang-olufsen/en/us/headphones · JSON: https://designly.sh/s/bang-olufsen/en/us/headphones?format=json
Site: [Bang & Olufsen](https://designly.sh/s/bang-olufsen?format=md) (https://www.bang-olufsen.com)
Styles: minimal, luxe, airy, type-led

## Why it works

A minimalist header with BeoSupreme type and ample white space keeps the focus on the product categories. The navigation relies on a wide spread of links and a floating 'Ask a question' widget, prioritizing direct access to expert help and account management.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-1) (y 0–116px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/0.webp · id sec_40ad964856f84d51a42826aed98209ac
2. [Content: "All headphones(16)"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-2) (y 116–249px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/1.webp · id sec_7a381e0288be4aadac580339804a3b75
3. [Content: "Content"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-3) (y 284–1955px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/2.webp · id sec_86a9c0322aeb4724acd0dc0167c095b3
4. [Content: "A gift to remember"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-4) (y 1999–2787px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/3.webp · id sec_90a4c82e527d4885911bbfa4fc391bc5
5. [Content: "Headphones"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-5) (y 2794–3288px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/4.webp · id sec_77f8bfc106c141b784187edf2dd4f7df
6. [Call to action: "Join the House of Bang & Olufsen"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-6) (y 3288–3693px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/5.webp · id sec_7ea2db037e2f4c64a76e4dfb9c86c171
7. [Footer: "Footer"](https://designly.sh/s/bang-olufsen/en/us/headphones#section-7) (y 3694–4618px of 4618) · image: https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/sections/6.webp · id sec_681a645f9fb8490fa818f3b77070a810

## Design tokens

- Section padding: 60px
- Export: https://designly.sh/s/bang-olufsen/en/us/headphones?format=tokens.css · https://designly.sh/s/bang-olufsen/en/us/headphones?format=tokens.json · https://designly.sh/s/bang-olufsen/en/us/headphones?format=tokens.tailwind.css

## Images

- Desktop (1440×4618): https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/desktop.webp
- Mobile (390×5569): https://designly.sh/media/captures/cap_bce053a21ebd4ee8a57168f7a2b0ec55/mobile.webp
- Captured: 2026-10-26

## Other Pages of Bang & Olufsen

- [Home](https://designly.sh/s/bang-olufsen/en/us?format=md) — /en/us
- [Product](https://designly.sh/s/bang-olufsen/en/us/speakers?format=md) — /en/us/speakers

## Related

- [Light Phone, Product](https://designly.sh/s/light-phone/shop/products/light-phone-iii?format=md) — E-commerce brands · Product · Custom code · Brooklyn, USA · styles: dark, minimal, type-led, luxe · image: https://designly.sh/media/captures/cap_f5225658126b442c8fbbd35c7990f6bc/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products/op-1?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: type-led, minimal, geometric, industrial · image: https://designly.sh/media/captures/cap_ef31d73530f74489b85ceec13d4b0dd9/desktop.webp
- [reMarkable, Product](https://designly.sh/s/remarkable/products/remarkable-paper/pro?format=md) — E-commerce brands · Product · Custom code · Oslo, Norway · styles: serif, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_b4d8b127522048d297aa1800ac1c4e35/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.