Alfaholics
www.alfaholics.com/The reference for a heritage-automotive restorer that treats a WooCommerce parts catalogue like a marque museum: an edge-to-edge red-Alfa-on-a-mountain-road hero over deep racing navy #122E49, PP Pangram Sans throughout, and a giant ghosted 'New' watermark bleeding out of the section band.
Automotive flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- PP Right Grotesk Tall
- body
- PP Pangram Sans
- mono
Do / Don't
Reference it for
- Full-bleed photographic hero with a horizon-filling product/vehicle shot and no overlaid copy, letting the image carry the whole first screen
- Deep racing-navy #122E49 (and near-black #0E151E variant) as the primary chrome colour for header + section bands, against a #FFF page
- PP Pangram Sans as the single workhorse family (270+ uses, weights 400/600), with PP Right Grotesk Tall reserved for tall condensed display accents
- Oversized ghosted watermark headline ('New' in navy-on-navy) set behind a 'OUR LATEST PRODUCTS' band using --alfaholics-xxxl clamp(3rem, 16vw, 16vw)
- Tight negative letter-spacing (-0.1px) on body copy paired with wide 4-5px tracking on small uppercase eyebrows
- Product tiles that pair a plain-background component shot with model code (WHL5117), spec name, and £ ex-vat price in a 24px-gap grid
- Signature red #DE1F32 (--alfa-red) used sparingly as the brand's single hot accent, mostly carried by imagery rather than UI fills
- Pill nav utilities (Search / Account / Quote) with 9999px radius sitting in the navy header bar
Do not copy
- The alfaholics wordmark and its lowercase custom logotype
- The exact red Alfa Romeo 105 GT hero photograph and the mountain-road location
- The Alfaholics-R / GTA-R / Super-R / Spider-R sub-brand badge names
- The specific #DE1F32 alfa-red + #122E49 navy pairing as a lifted set
- PP Pangram Sans / PP Right Grotesk Tall if unlicensed (proprietary Pangram Pangram faces)
- Real part codes, prices, and the Clevedon company/registration details
- The Alfa Romeo marque imagery and model nomenclature