厳選・オープン・無料

Sneakinpeace

ラグジュアリースニーカーキャンペーンやエディトリアルコンテンツをキュレーションするプレミアムストリーミングプラットフォーム。

01

デザイン DNA

ハイエンドスニーカーやファッションキャンペーンのためのライブマガジンチャンネル。

02

カラー

フルブリードの写真や動画コンテンツを主役とする、温みのあるグレーとオフホワイトを用いた控えめな中立パレット。機能的な赤アクセントで固定。

03

タイポグラフィ

transitional-serif · neo-grotesque-sans

• display36px · 400
• body14px · 400
• caption12px · 500

04

余白

厳格な垂直グリッドよりも、オーバーレイカードやナビゲーション要素内のパディングを優先する柔軟なスペーシング。

05

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

動画背景からフローティング要素を分離するために、繊細なボーダーと柔らかいボックスシャドウを使用。

0px 1px 6px -1px rgba(0, 0, 0, 0.08) · 0px 1px 1px -1px rgba(0, 0, 0, 0.08)

06

レイアウト

コンテンツやナビゲーションのためのフローティングオーバーレイパネルを備えた、フルブリードメディアキャンバス。

07

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

コンテンツのフェードインのための、滑らかな透過度トランジション。 · インタラクティブなナビゲーションリンクの、繊細なhover状態。

ナビゲーションリンクやボタンの、繊細な透過度の変化。 · インタラクティブ要素には標準のポインターカーソル、選択可能なコンテンツにはテキストカーソル。

08

コンポーネント

• button ピルシェイプのステータスバッジ（例：LIVE）とメディア制御用の小さなアイコンボタン。
• card 動画の詳細や商品リストを含む、柔らかいシャドウと角丸のフローティングパネル。
• chip 商品リストに添付された、小さく丸みのあるカテゴリタグ（例：Womens, Mens）。
• input 視覚的なボーダーのない、ミニマルなテキストベースのナビゲーションと検索入力。
• hero 説明テキストをオーバーレイする、フルスクリーンの動画または写真背景。

09

文体と禁止事項

• トーン 洗練され、キュレーションされた、エディトリアル志向のトーン。
• 見出し ラグジュアリーファッション雑誌を想起させる、大胆でエレガントなセリフフォントによるキャンペーンタイトル。
• CTA 控えめで機能的な、テキストベースのナビゲーションとアクションリンク。

• 重厚な装飾要素を使用しない — スクリーンショットはミニマリストで機能的なUIオーバーレイを示しています。
• メイン見出しにサンセリフを使用しない — スクリーンショットは特集タイトルにエレガントなトランジショナル・セリフを使用しています。
• 明るく彩度の高い背景色を使用しない — スクリーンショットは中立的なグレー（#F0EEED）とホワイトを示しています。
• アグレッシブなドロップシャドウを使用しない — スクリーンショットは深度に対して非常に繊細で柔らかいボックスシャドウを示しています。
• 密集したテキストでレイアウトを散らかさない — スクリーンショットは寛裕な余白と集中したコンテンツブロックを示しています。
• プライマリ要素に鋭い四角い角を使用しない — スクリーンショットは角丸（4pxから6px）の一貫した使用を示しています。
• 避ける: 写真コンテンツと馴染まない、明るいネオンカラー。
• 避ける: ビジュアルメディアから注意をそらす、重厚で飾り気のあるフォント。
• 避ける: フルスクリーンの動画体験と競合する、密集したごちゃごちゃしたレイアウト。

10

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

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

11

System Prompt

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