# Teenage Engineering, Home

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

## Why it works

Cool white type on a black background keeps the focus on the central product photography. Small, technical typography and a dense header of 22 links establish a utilitarian, hardware-focused identity, while the 'AGREE!' button provides a singular, bold interaction point.

## Sections, top to bottom

1. [Hero: "Hero"](https://designly.sh/s/teenage-engineering#section-1) (y 0–1234px of 5856) · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/sections/0.webp · id sec_f863347d5f7f4672bfb1567066c5e108
2. [Content: "$399"](https://designly.sh/s/teenage-engineering#section-2) (y 1234–1322px of 5856) · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/sections/1.webp · id sec_ed411870c13341bb99c6b782eebcbe5b
3. [Content: "agree"](https://designly.sh/s/teenage-engineering#section-3) (y 1322–5000px of 5856) · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/sections/2.webp · id sec_a909d5173b9748209a9ef14084a7917b
4. [Content: "Content"](https://designly.sh/s/teenage-engineering#section-4) (y 5000–5760px of 5856) · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/sections/3.webp · id sec_2e2e3271711148bfa68ad060295bc0a1
5. [Footer: "Footer"](https://designly.sh/s/teenage-engineering#section-5) (y 5760–5856px of 5856) · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/sections/4.webp · id sec_5193f05925a94a53a2b16abd679f53e1

## Design tokens

- Colours: #000000 (background), #F1F2F2 (text)
- Fonts: TechnoType (display), te-20 (body)
- Section padding: 33px
- Export: https://designly.sh/s/teenage-engineering?format=tokens.css · https://designly.sh/s/teenage-engineering?format=tokens.json · https://designly.sh/s/teenage-engineering?format=tokens.tailwind.css

## Images

- Desktop (1440×5856): https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/desktop.webp
- Mobile (390×3201): https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/mobile.webp
- Captured: 2026-10-26

## Other Pages of Teenage Engineering

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

## Related

- [Light Phone, Home](https://designly.sh/s/light-phone?format=md) — E-commerce brands · Home · Custom code · Brooklyn, USA · styles: photo-led, type-led, calm, editorial · image: https://designly.sh/media/captures/cap_f262250d322d43178d57acedf701979c/desktop.webp
- [reMarkable, Home](https://designly.sh/s/remarkable?format=md) — E-commerce brands · Home · Custom code · Oslo, Norway · styles: serif, type-led, minimal, airy · image: https://designly.sh/media/captures/cap_a927e760d891456a87a1c86b6fe82f5e/desktop.webp
- [Rapha, Home](https://designly.sh/s/rapha/us/en?format=md) — E-commerce brands · Home · Custom code · London, UK · styles: type-led, bold, photo-led, minimal · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/desktop.webp
- [rabbit, Home](https://designly.sh/s/rabbit?format=md) — E-commerce brands · Home · Custom code · Santa Monica, USA · styles: dark, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_db960ea91917481c854f001206c4ddf7/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.