Ruf Automobile

The reference for a monochrome, product-as-hero automotive manufacturer page where a single bare chassis floats on near-white (#FDFDFD) and one deep racing-green (#195533) is the only colour permitted, with italic Gotina caps carrying all the swagger.

Automotive flagship

Design tokens

background

surface

text

textMuted

accent

display: Gotina
body: Gotina Book
mono

Do / Don't

Reference it for

Full-bleed hero of the raw product (a bare chassis) shot on a seamless near-white studio sweep #FDFDFD, no props, product does the talking
Two-line hero headline set in italic Gotina Semibold caps at 40px / 44px line-height, mixing white and grey weights in one sentence for emphasis (HIGHEST PERFECTION / LEAVES NO ROOM FOR COMPROMISE)
Strict monochrome system: pure black #000000 text (310 uses) and white #FFFFFF (167) with a single accent, deep green #195533, used only on the logo and the vertical Aktuell tab
Vertical rotated side tab (Aktuell) pinned to the right edge as a persistent news pull, green fill with a back-arrow glyph
Terse all-caps top nav (MODELS SHOP KARRIERE CONTACT) with an inline DE/EN language toggle, no dividers, generous letter spacing
Editorial pairing: display italic Gotina Semibold for headlines against Gotina Book 400 for body at 16px / 17.6px
Restrained radii: 1px on interactive chips, 50% circles for icon buttons, 8px on the one card that needs it, nothing softer
Content max-width discipline: 1100px for reading columns, 1400px for full-bleed media bands

Do not copy

The RUF wordmark and its registered green R-U-F logotype
The specific bare-chassis product photography and any real Ruf vehicle imagery
The exact deep-green #195533 as a brand accent (it reads Ruf)
The proprietary Gotina typeface (licensed, custom)
Brand-owned copy lines like HIGHEST PERFECTION LEAVES NO ROOM FOR COMPROMISE
The Pfaffenhausen / Alois Ruf heritage narrative and 80-year founder story
The Aktuell hiring-notice content and rescue-cards / Hinweisgebersystem legal links