# Teenage Engineering: style sheet

Measured on 4 of 4 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/teenage-engineering · JSON: https://designly.sh/style-sheets/teenage-engineering.json
Site: [Teenage Engineering](https://designly.sh/s/teenage-engineering?format=md) (https://teenage.engineering)

## Colour

- #000000: text · 3/4 Pages
- #0F0E12: text · 2/4 Pages
- #F1F2F2: text · 1/4 Pages
- #F5F5F5: background · 1/4 Pages
- #CC996C: accent · 1/4 Pages
- #DCD8CF: surface · 1/4 Pages
- #E5E5E5: muted · 1/4 Pages
- #F0F0EF: background · 1/4 Pages
- #0071BB: accent · 1/4 Pages
- #D0D1D2: surface · 1/4 Pages
- #4D4D4D: muted · 1/4 Pages
- #FFFFFF: background · 1/4 Pages
- #767676: muted · 1/4 Pages
- Contrast, text on background: 19.2:1 (AAA)
- Contrast, text on surface: 14.7:1 (AAA)
- Contrast, accent on background: 2.3:1 (fails)

## Type

- body: te-20 · 3/4 Pages
- display: te-40 · 2/4 Pages
- display: TechnoType · 1/4 Pages
- display: te-20 · 1/4 Pages

## Spacing

- Section padding: 33px · 1/4 Pages

## Radius

Not recorded yet.

## Pages

- [Home](https://designly.sh/s/teenage-engineering?format=md) — /
- [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

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