# Bang & Olufsen, Product

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

## Why it works

A minimalist header with BeoSupreme type and ample white space places the focus on product categories. The navigation is spread across a wide horizontal axis, allowing the speaker sub-types to act as the primary way to filter the collection.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-1) (y 0–116px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/0.webp · id sec_d993ae8094644ee4aa5d8ab062befbbf
2. [Content: "All speakers(43)"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-2) (y 116–249px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/1.webp · id sec_bf414926ddb8400c8e2177947b5a9815
3. [Content: "Content"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-3) (y 284–4049px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/2.webp · id sec_579ed9349add4fe4a34ee08385538126
4. [Content: "Speakers"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-4) (y 4100–4698px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/3.webp · id sec_726bcf0bc4814e128303368720b4696d
5. [Call to action: "Join the House of Bang & Olufsen"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-5) (y 4698–5103px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/4.webp · id sec_99272315aa9b4995882f459fe731a9b3
6. [Footer: "Footer"](https://designly.sh/s/bang-olufsen/en/us/speakers#section-6) (y 5104–6028px of 6028) · image: https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/sections/5.webp · id sec_7147ee4ad864406abd3a55ed719be558

## Design tokens

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

## Images

- Desktop (1440×6028): https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_58749b7c7c914650a50e9fba3586eec6/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/headphones?format=md) — /en/us/headphones

## 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.