Specs Berlin
specs.berlin/en/The reference for editorial multilabel retail: near-white #F8F8F8 canvas, Neue Haas Grotesk at 400/600 only, and an asymmetric half-bleed hero where an oversized 'Featured' headline sits in the calm left margin beside a full-height product photo.
Retail flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- NeueHaas-
- body
- NeueHaas-Regular
- mono
Do / Don't
Reference it for
- Split hero: text pinned in a quiet left column, a single full-bleed lifestyle photo taking the right ~65% edge to edge (no rounded corners, no card)
- Warm near-white page ground #F8F8F8 with ink #1E1E1E text, almost no pure black or white anywhere
- One typeface doing everything: Neue Haas Grotesk Regular (400) for body, Medium (600) for emphasis, self-hosted woff2
- Restrained type scale straight from the capture: 16px body, 20px, 25px, 38.4px display; line-heights hug tight at 1.25
- Deliberate letter-spacing discipline: 0.32px on body, 0.5px on the 25px size, 0.16px on small labels
- Tight 4px grid gaps and 4px border-radius on the rare button, product-listing on a 4-column grid
- A thin ticker banner strip in warm grey #D7D4D3 repeating 'Enjoy free returns within Germany' as a footer marquee
- Minimal top nav as plain text links (Sun, Optical, Accessories, Brands) with the wordmark set in mixed weight: specs.berlin (Medium + Regular)
Do not copy
- The specs.berlin wordmark and its mixed-weight lockup
- The Garrett Leight / Jacques Marie Mage featured-brand campaign photography and real models
- The specific independent-brand roster (Moscot, Cutler and Gross, Oscar Magnuson, etc.)
- The 'Founded in Berlin in 2010' origin copy and Prenzlauer Berg / Mitte store details
- The exact warm-neutral palette as a whole system (it reads specifically as this store)
- Real prices, phone numbers and store addresses