teenage engineering
Industrial catalog in studio lighting - the product is the only significant object on the page, and everything else is discussed around it
Palette
Neutral
- Canvas Mist
#f6f8f7 - Ink Black
#000000 - Carbon
#0f0e12 - Steel Gray
#e5e5e5 - Graphite
#b2b2b2
Typography
from 13 to 40px · 5 steps
- te-20 — replacement: Inter (weight 100/300) or Suisse Int'l Thin · outlines 100, 300
- te-40 — replacement: Inter (weight 300) · outlines 300
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 15px |
| Button radius | 0px |
| Card radius | 0px |
| Shadows | no - borders instead of shadows |
| Between sections | 66px |
| Page width | 1200px |
AI will build your website in teenage engineering style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Apple (España) — The Obsidian Gallery showcase is a dark exhibition hall where a single titanium object glows against a pitch-black background.
- 099 SUPPLY — A gallery wall filled with black and white objects
- Custo — A gunmetal-colored gallery with a monolithic font. A showroom in muted gray-green tones, where a single dark object and 57px font speak for themselves.
- Factory — The "war room" terminal at midnight. The "factory" is a stark black control panel where a single white card lands like a flashlight-lit dispatch—the only object in the room is the work itself.
- Sociotype — A typical museum specimen on white paper
- FRANKY'S — A retro gaming kiosk on the counter of a skate shop
- Webflow — White studio, black ink, one blue stroke – a designer's drafting table embodied in a web page
- Apple (España) — black theater with illuminated fittings
- Contract — white wall gallery catalog
- OLIPOP — A retro ice cream parlor menu in creamy turquoise tones, printed on warm paper.
- Caldera — Forge fire on warm limestone. The canvas is raw, warm plaster, and each orange element looks like smoldering embers pressed into the surface.
- Coda — Monumental letters on warm, creamy parchment—Coda reads like a hand-printed poster for a marketplace, not a SaaS dashboard.