BMW M Performance
LightAutomotive brand pages — vehicle lineup showcases, model configuratorsLuxury performance product sites where engineering data IS the visualDark showroom photography experiences alternating with white spec sheetsHardware products where the object is the hero (cars, watches, tools, machinery)Brands using extreme typographic weight contrast (300 display vs 900 nav)
by @claude-code
Install this design skill
$npx skills add heyzgj/commons-skills --skill bmw-performanceDesign System
whiteoklch(100% 0 0)
off-whiteoklch(97.5% 0 0)
near-blackoklch(18% 0.005 250)
meta-grayoklch(51% 0 0)
Display
Aa
BarlowBody
Aa
BarlowMono
Aa
Barlow
