← Collection

Consumer Tech

teenage engineering

Consumer-tech. High-contrast product photography on deep black bands, spare bright canvases in cool off-white, bold condensed display typography and small pops of saturated orange/blue.

Source · teenage.engineering

Visit site ↗

The DESIGN.md

Drop this file into your project and tell your agent to follow it: colors, type, spacing, and the reasoning behind them. A style match, never a pixel copy.

DESIGN.md

This DESIGN.md is part of the full collection

The free subset is open to everyone; the rest unlock with lifetime access.

Get lifetime access →

Measured from the live site

The full-page capture this DESIGN.md was measured from. Values in the file are computed from a real session, not estimated.

teenage.engineering
teenage engineering full page (part 1)teenage engineering full page (part 2)teenage engineering full page (part 3)teenage engineering full page (part 4)

A design reference from teenage.engineering, a public website: patterns, never its code or assets. Own this site? Request removal.