Nike は世界をリードするスポーツブランドで、すべてはアスリートを中心に据えています。UI は意図的に白黒グレーのモノクロを保ち、プロダクト写真だけが唯一の色彩源となります。超大型の大文字見出し（96px、行高 0.90）がフルブリードで角丸のない画像の上に重なり、ピル型ボタン（30px 角丸）が唯一のインタラクティブな形です。寸法は厳密に 8px グリッドに整列します。スポーツ、小売、強いビジュアルナラティブのあるプロダクトページに適しています。
NikeEC と小売
プロンプトテンプレート
基本テンプレート
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: (.
バリエーションプロンプト
📱 モバイル
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.
📊 ダッシュボード
Design a dashboard with Nike design language. Use Nike color identity with #111111 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Nike visual identity. Use Nike color identity with #111111 accents. Compelling, conversion-focused.
使用例
Nike アプリ
WebBuild a web app with Nike design language and brand color system.
Nike ダッシュボード
ダッシュボードCreate a dashboard using Nike style with data visualization and ( typography.
✅ 適した用途
- EC のシーン
- スポーツブランドの公式サイト
- 超大サイズの書体を使うマーケティングページ
❌ 適さない用途
- 穏やかなライフスタイルブランド
- 精密ツールの UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。