Nike is the world's leading sports brand, keeping athletes at the center of everything. Its UI stays monochrome so product photography is the only color, massive uppercase headlines (96px at 0.90 line-height) punch through full-bleed imagery, pill buttons (30px) are the only interactive shape, and everything snaps to an 8px grid.
E-commerceMinimal
Prompt Template
Base Template
Design a Nike-inspired interface. - Monochromatic UI (black/white/grey) that lets product photography be the only color source; - Massive uppercase display typography (96px, line-height 0.90) that punches through hero images; - Full-bleed photography with no border radius — imagery fills every available edge; - Pill-shaped buttons (30px radius) as the primary interactive element; - 8px spacing grid with athletic discipline — every measurement snaps to the system. Colors: #111111, #FFFFFF, #FAFAFA, #F5F5F5. Typography: (.
Variant Prompts
📱 Mobile
Design a mobile app with Nike aesthetics. Use Nike color identity with #111111 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Nike style. Use Nike color identity with #111111 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Nike design language. Use Nike color identity with #111111 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Nike visual identity. Use Nike color identity with #111111 accents. Compelling, conversion-focused.
Usage Examples
Nike App
WebBuild a web app with Nike design language and brand color system.
Nike Dashboard
DashboardCreate a dashboard using Nike style with data visualization and ( typography.
✅ Best For
- E-commerce
- Sports brand websites
- Oversized-typography marketing pages
❌ Avoid For
- Gentle lifestyle brands
- Precision tool interfaces
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.