# Teenage Engineering, Product

E-commerce brands · Product · Custom code · Stockholm, Sweden
Live page: https://teenage.engineering/products/op-1
On Designly: https://designly.sh/s/teenage-engineering/products/op-1 · JSON: https://designly.sh/s/teenage-engineering/products/op-1?format=json
Site: [Teenage Engineering](https://designly.sh/s/teenage-engineering?format=md) (https://teenage.engineering)
Styles: minimal, type-led, geometric, tech

## Why it works

Light grey and off-white tones paired with a thin Te-40 headline place the focus entirely on the hardware. The large, centered product shot dominates the hero, letting the physical design of the synthesizer act as the primary visual interest.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/teenage-engineering/products/op-1#section-1) (y 0–118px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/0.webp · id sec_6d24b39835c14c7fa723dcd62571e317
2. [Hero: "the beauty of evolution"](https://designly.sh/s/teenage-engineering/products/op-1#section-2) (y 118–2410px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/1.webp · id sec_b5ad7b511b7a4a959dc744d3e289a224
3. [Content: "OP–1 "](https://designly.sh/s/teenage-engineering/products/op-1#section-3) (y 2410–2954px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/2.webp · id sec_2d6fae1f1958439c99fa70bf1a69ab72
4. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-4) (y 2953–5333px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/3.webp · id sec_c6c6660929e1475a830ad5be08b07bd8
5. [Content: "available now. visit store"](https://designly.sh/s/teenage-engineering/products/op-1#section-5) (y 5334–6289px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/4.webp · id sec_7f950a9765a84a088812c95a5c3e19e3
6. [Content: "reworked, refined, reborn"](https://designly.sh/s/teenage-engineering/products/op-1#section-6) (y 6289–6685px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/5.webp · id sec_6e7bd1d6c23e487d91124f03aef75cea
7. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-7) (y 6686–7156px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/6.webp · id sec_9a736886c9ab4e38b76b0fef312235d2
8. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-8) (y 7156–7523px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/7.webp · id sec_a0eb1ab0f9694f54a5e221110da57e57
9. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-9) (y 7523–7699px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/8.webp · id sec_f572278d524c446d8eb9a1919f2f97f8
10. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-10) (y 7700–8200px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/9.webp · id sec_aec367642be54f2db7cc90e4b5a27ce2
11. [Content: "if it feels thinner. it is"](https://designly.sh/s/teenage-engineering/products/op-1#section-11) (y 8199–8537px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/10.webp · id sec_4440c6a328de4956a263d1385e4eb1b9
12. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-12) (y 8537–8846px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/11.webp · id sec_ce699a07820648c3b9aaab762d71acf7
13. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-13) (y 8846–8949px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/12.webp · id sec_b9c8ea03058a4158a921f8e9833314eb
14. [Content: "the back is warm, velcro and bass"](https://designly.sh/s/teenage-engineering/products/op-1#section-14) (y 8948–9345px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/13.webp · id sec_4cc3dc409e314e1fae980977ea1fa04a
15. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-15) (y 9345–9889px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/14.webp · id sec_3aa1c28fbada430fb4783767523ab147
16. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-16) (y 9889–10447px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/15.webp · id sec_ff57260ebca646d2bb181398c9e1f041
17. [Content: "available now. visit store"](https://designly.sh/s/teenage-engineering/products/op-1#section-17) (y 10447–11520px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/16.webp · id sec_57f03cee312243d09e43f15f0f6a6357
18. [Content: "the field system™"](https://designly.sh/s/teenage-engineering/products/op-1#section-18) (y 11520–11961px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/17.webp · id sec_b9deefb6b404469a859d47fe4c3c4e75
19. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-19) (y 11961–13063px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/18.webp · id sec_76338a9d0de04d038193d7670b842c50
20. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-20) (y 13063–14238px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/19.webp · id sec_88f67e65eca349d590e292176fa6154a
21. [Logos: "OP–1  certified for space"](https://designly.sh/s/teenage-engineering/products/op-1#section-21) (y 14238–14738px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/20.webp · id sec_1f65d52715314c9196651abe1fd04571
22. [Stats: "Stats"](https://designly.sh/s/teenage-engineering/products/op-1#section-22) (y 14738–15217px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/21.webp · id sec_445c9df2bc6e4b9191832f0e8fa851a3
23. [Content: "Content"](https://designly.sh/s/teenage-engineering/products/op-1#section-23) (y 15217–15696px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/22.webp · id sec_9412431e211f4461b9f8a9395aaa6a7a
24. [Footer: "Footer"](https://designly.sh/s/teenage-engineering/products/op-1#section-24) (y 15696–16000px of 16000) · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/sections/23.webp · id sec_b1d8e328d8bd48d3a92e629878902d4f

## Design tokens

- Colours: #F0F0EF (background), #000000 (text), #0071BB (accent), #D0D1D2 (surface), #4D4D4D (muted)
- Fonts: te-40 (display), te-20 (body)
- Export: https://designly.sh/s/teenage-engineering/products/op-1?format=tokens.css · https://designly.sh/s/teenage-engineering/products/op-1?format=tokens.json · https://designly.sh/s/teenage-engineering/products/op-1?format=tokens.tailwind.css

## Images

- Desktop (1440×16000): https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/mobile.webp
- Captured: 2026-10-26

## Other Pages of Teenage Engineering

- [Home](https://designly.sh/s/teenage-engineering?format=md) — /
- [Product](https://designly.sh/s/teenage-engineering/products?format=md) — /products
- [Ordering](https://designly.sh/s/teenage-engineering/store?format=md) — /store

## 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?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
- [Rapha, Product](https://designly.sh/s/rapha/us/en/shop/new-arrivals?format=md) — E-commerce brands · Product · Custom code · London, UK · styles: type-led, photo-led, sporty, minimal · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/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.