**Nike**
FreeAthletic retail. Monochrome UI, massive uppercase Futura, full-bleed photography
FreeFree tier
About **Nike**
Nike takes athletic retail as its base, then sharpens it through monochrome UI where product photography is the only color source. Massive uppercase Nike Futura ND headlines punch through full-bleed imagery. It works best for sports retail, editorial e-commerce, and bold monochrome designs. This DESIGN.md file provides a structured analysis of Nike's observable design patterns for use as a reference in AI-assisted UI development.
Key Features
Monochrome UI with product photography as the only color source
Massive uppercase Nike Futura ND headlines
Full-bleed imagery for immersive layouts
Available as a downloadable DESIGN.md file for AI-assisted design reference
Pros & Cons
Pros
- Bold and distinctive visual identity that stands out
- Minimalist monochrome palette keeps focus on products
- Uppercase typography creates strong hierarchy and impact
- Full-bleed imagery supports immersive storytelling
Cons
- Monochromatic design may feel limiting for brands needing more color variety
- Relies heavily on strong photography; less effective without compelling product images
- Uppercase-only headlines can reduce readability for longer text
Best For
Sports retail e-commerce designEditorial e-commerce layoutsBold monochrome design projectsAI-assisted UI prototyping with design system references
FAQ
What is a DESIGN.md file?
A structured markdown file that documents design patterns such as colors, typography, spacing, elevation, and responsive behavior, all observed on a public website. It serves as a reference for AI coding assistants to generate UI designs.
How do I use this Nike DESIGN.md file?
Run 'npx getdesign@latest add nike' from your project root, then instruct your AI assistant to use the DESIGN.md file for UI work. The file provides a design system analysis of Nike's public patterns.