Nike
nike.com“Nike embodies a high-energy, action-oriented ethos that merges athletic performance with modern minimalism. The brand voice is direct and imperative, stripping away fluff to focus on the raw emotion of sport and self-improvement. Visually, it balances stark, functional utility with bold, impactful imagery to inspire immediate engagement.”
Color Palette
Colors
Typography
Fonts
Helvetica Now Text
Helvetica, Arial, sans-serif
Helvetica Now Display Medium
Helvetica, Arial, sans-serif
Nike Futura ND
Helvetica Now Text Medium, Helvetica, Arial, sans-serif
Helvetica Now Text
Helvetica, Arial, sans-serif
Helvetica Now Text Medium
Helvetica, Arial, sans-serif
The quick brown fox
16pxThe quick brown fox
24pxThe quick brown fox
76pxThe quick brown fox
76pxThe quick brown fox
16pxComponents
Design System
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
empowering-direct
Target Audience
Athletes, fitness enthusiasts, and lifestyle consumers seeking performance and status, ranging from professional competitors to casual weekend warriors.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Helvetica Now Display Medium (500) or Nike Futura ND (500) for all headings, strictly in sentence-case.
- Use Helvetica Now Text (400 or 500) for body copy, maintaining a fixed line-height of 28px for readability.
- Style primary buttons with a solid #111111 background and white text, using 0px border-radius for sharp, aggressive corners.
- Style secondary/outline buttons with a #ffffff background, #111111 text, and a 1px #111111 border, maintaining 0px border-radius.
- Apply a strict flat design aesthetic: absolutely no box-shadows, gradients, or depth effects on any UI element.
- Utilize the primary color #111111 for all text and borders, ensuring high contrast against the #ffffff background.
- Keep copy concise and punchy, using short imperative commands or noun phrases (e.g., 'Just Do It') without emojis or exclamations.
- Use the accent color #ffabad sparingly for highlights or specific interactive states, but do not let it dominate the monochrome palette.
Don't
- Do not use title case for headings; always use sentence-case to maintain a modern, editorial tone.
- Do not use serif fonts; the brand is exclusively sans-serif (Helvetica/Nike Futura families).
- Do not apply any box-shadows or drop-shadows to buttons, cards, or navigation elements.
- Do not use gradients or translucent backgrounds; all surfaces must be solid colors.
- Do not use emojis, exclamation marks, or playful punctuation in marketing copy.
- Do not use rounded corners (border-radius > 0px) for buttons or primary UI containers; keep them sharp (0px).
- Do not use complex jargon; keep vocabulary simple and accessible to a global audience.
- Do not use the accent color #ffabad as a primary background for large sections; reserve it for small accents.
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/nike.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.