Monochrome on purpose
--bg (#ffffff) → --surface (#f5f5f5) → --fg (#111111). The UI carries no color so product photography can. Red, green, blue are reserved for semantic moments only.
Inspect tokens →Reference fixture · nike
Built for the ones who don't quit. From dawn miles to sold-out stadiums, every stitch earns its place — and every pixel of this page is here to sell sport, nothing else.
What this fixture exercises
--bg (#ffffff) → --surface (#f5f5f5) → --fg (#111111). The UI carries no color so product photography can. Red, green, blue are reserved for semantic moments only.
Inspect tokens →Nike Futura ND at 96px / 0.90 line-height, uppercase, tightened tracking. A typographic shockwave reserved exclusively for the hero — never below 24px.
Read the rule →--radius-pill is bound to 30px (the literal Nike value, not 9999). --elev-raised collapses onto --elev-ring because the brand refuses card shadows outright.
Inspect radius →Become a member
Members hear about drops first, get free shipping on every order, and unlock the Nike Run Club / Training Club apps. One account, every sport.