Nike
Nike sets oversized Nike Futura ND headlines on a light bone white canvas. Ember (#ff7334) is reserved for actions, on buttons with 30px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 30px, with 24px and 8px on smaller elements.
nike.com ↗Colors
Ember
#ff7334
Primary actions and links
Ash
#707072
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Void
#111111
Headlines and body copy
Fog
#e5e5e5
Surface or divider
Deep Bone White
#f5f5f5
Surface or divider
Type scale
Buttons
Style reference measured from the public page at nike.com on 2026-10-12 for design education. Nike and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Nike — Style Reference > Nike sets oversized Nike Futura ND headlines on a light bone white canvas. Ember (#ff7334) is reserved for actions, on buttons with 30px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 30px, with 24px and 8px on smaller elements. **Theme:** light · **Source:** https://www.nike.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Ember | `#ff7334` | `--color-accent` | Primary actions and links | | Ash | `#707072` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Void | `#111111` | `--color-ink` | Headlines and body copy | | Fog | `#e5e5e5` | `--color-surface-1` | Surface or divider | | Deep Bone White | `#f5f5f5` | `--color-surface-2` | Surface or divider | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Heading | Nike Futura ND | 76px | 500 | 0.90 | 0, uppercase | | Subheading | Nike Futura ND | 76px | 500 | 0.90 | 0, uppercase | | Body | Helvetica Now Text Medium | 12px | 500 | 1.50 | 0 | | Nav | Helvetica Now Text Medium | 14px | 500 | 1.86 | 0 | Font families on the page: Helvetica Now Text, Helvetica Now Text Medium, Helvetica Neue, Nike Futura ND, Helvetica Now Display Medium. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 30px, 24px, 8px - Primary button: background `#f5f5f5`, text `#111111`, radius 30px, padding 6px, 16px / 500
