Gunther Werks
guntherwerks.com/The reference for a hushed, gallery-lit automotive hero: a single hand-built car floating on graphite #1A1A1A, Bebas Neue model name, and one warm bronze #8b7355 CTA pill carrying the whole page.
Automotive flagship
Design tokens
background
surface
text
accent
tone1
tone2
- display
- Bebas Neue
- body
- Bebas Neue
- mono
Do / Don't
Reference it for
- Full-bleed dark studio hero on graphite #1A1A1A / pure #000000 with a single product photographed against a soft radial light pool, product centred, all chrome white text
- Condensed display face (Bebas Neue 400) for the giant model name (F-26 at ~48px+) sitting directly over the hero photo, no card, no panel
- Gill Sans Nova as the entire body/UI voice at 13.6px with wide tracking (letter-spacing ~1.088px, .06em on pills) for a quiet luxury tone
- The single warm-bronze pill CTA: --cta-pill-primary-bg #8b7355, 9999px radius, .9rem 2.5rem padding, .06em tracking, hover to #000000 inverse
- Reserved use of a hot accent (#FF4500) only for signal moments, never as fill, so the palette reads monochrome-plus-one
- Slide carousel with minimal chrome: tiny dot pagination bottom-left, circular prev/next arrows bottom-right, everything else black space
- Overline eyebrow labels in tiny tracked caps (ACTIVE PROGRAM, 1,067 HP · TWIN-TURBO) at 9.6-10.4px above a headline
- Editorial spec copy blocks (AN EXPERIENCE UNLIKE ANY OTHER, DRIVEN BY PRECISION) set narrow, ~500-650px max-width, generous line-height
Do not copy
- The GUNTHER WERKS wordmark and its letter-spaced W-E-R-K-S lockup
- The Javacom brand display font (proprietary, self-hosted)
- The Porsche 993 silhouette and any of the actual car photography
- The specific bronze #8b7355 as a brand signature if you want distinction
- Model-name copy (F-26, HERCULES, GWR, GWX) and the 1,067 hp Mezger figures
- The Porsche non-affiliation disclaimer and warranty/ownership copy
- The BY INVITATION ONLY exclusivity framing as generic filler