厳選・オープン・無料

Swoosh Nike

プレミアムスニーカーを発見・購入するための、ミニマルでイメージファーストのプラットフォーム。

01

デザイン DNA

限定スニーカーリリースのキュレーションされたギャラリー

02

カラー

オフホワイト背景に高コントラストなブラックを基調とし、ブランドレッドはイメージ内で控えめに使用

03

タイポグラフィ

grotesque-sans

• display53px · 500
• headline20px · 500
• body16px · 500
• caption14px · 400
• label12px · 500

Helvetica Now Textまたは同等のgrotesque-sansを使用 · 本文テキストはミドルウェイト（500）を維持 · ディスプレイサイズでは字間をタイトに保つ

04

余白

標準的なインクリメントを用いた、一貫した4pxベースのスペーシングシステム

05

サーフェス (角丸 / 影 / 罫線)

rgba(17,17,17,0.1)を使用した細い1pxのボーダー

0px 4px 8px 0px rgba(17,17,17,0.06) · 0px 0px 24px 4px rgba(17,17,17,0.03) · 0px -1px 0px 0px rgb(229,229,229) inset

06

レイアウト

テキストを下に配置した、画像カードの4カラムグリッド

07

モーションとインタラクション

コンテンツ読み込み時のスムーズなフェードイン · 微細な背景トランジション

微細な背景色の変化またはスケール効果 · 不透明度を下げた即座のビジュアルフィードバック

08

コンポーネント

• button 黒背景に白テキストの、ピル型（カプセル型）ボタン
• card 角丸の画像ファーストカード。下に商品情報を配置。
• chip 分類用のシンプルなテキストラベル
• input 下線ボーダーの、クリーンなテキスト入力欄
• hero オーバーレイテキストまたは最小限の背景を配置した、フルワイドのイメージ

09

文体と禁止事項

• トーン 率直で、情報に基づき、商品にフォーカスした文体
• 見出し 太字で簡潔な商品名
• CTA 「詳しく見る」のようなアクション指向のボタン

• グラデーション背景を使用しない — スクリーンショットはソリッドオフホワイト（#F5F5F5）またはホワイト（#FFFFFF）背景を示しています
• 装飾的なセリフ（アンチック体）を使用しない — スクリーンショットはすべてのテキストにHelvetica Now（grotesque-sans）を使用しています
• 重いドロップシャドウを使用しない — スクリーンショットは非常に微細なシャドウ（不透明度0.06）またはなしを示しています
• 商品テキストをセンタリングしない — スクリーンショットは商品名と説明が左揃えであることを示しています
• 複雑なカードレイアウトを使用しない — スクリーンショットは下にテキストを配置したシンプルな画像カードを示しています
• 複数のアクセントカラーを使用しない — スクリーンショットは中立的なパレットで、ブランドレッドはイメージ内のみであることを示しています
• 避ける: 過度に熱狂的またはプロモーション的な言葉遣い
• 避ける: 複雑な技術的記述
• 避ける: 商品名の一部でない限り、カジュアルなスラング

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko