厳選・オープン・無料
Wgsn
世界をリードするトレンド予測機関。
PremiumEditorialProductivityCurationAgency
01
デザイン DNA
トレンド予測未来インサイトプレミアム
ハイエンドファッションエディトリアルとエンタープライズSaaSダッシュボードの融合。
02
カラー
#000000Ink
rgba(0,0,0,0.6)Ink soft
#FFFFFFBG
#F5F5F5BG soft
#999999Muted
モノクロをベースに、高コントラストの黒と白を使用。画像が主なカラーを提供します。
03
タイポグラフィ
humanist-sans · monospace
- display
56px · 700 - h2
48px · 400 - body
18px · 400
すべてのテキストレイヤーにDM Sansを使用します。 · 本文テキストは、適切なline-heightで読みやすさを維持します。 · 大きなディスプレイテキストには、 Tightな字間を設定します。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
プレミアムなポジショニングを反映する、豊かな余白。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 16px
lg · 40px
pill · 999px
1pxの細いボーダー、rgba(0,0,0,0.6)。
rgb(0, 0, 0) 0px 0px 0px 1px inset
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
分割画面ヒーローレイアウトを備えた、標準的な中央揃えコンテナ。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
インタラクティブ要素上の滑らかなbackground-colorトランジション。
ボタンやリンクの背景色シフト。 · 即座のビジュアルフィードバック。
08
コンポーネント
- button 40pxのボーダー半径を持つピル型ボタン。高コントラスト（白地に黒、または黒地に白）。
- card 画像とテキストオーバーレイを含む角丸矩形（16px半径）。
- chip 該当なし
- input 該当なし
- hero 片側にトレンドイメージのコラージュ、もう片側に大胆なタイポグラフィを配置した、大きな分割レイアウト。
09
文体と禁止事項
- トーン 権威があり、未来志向で、プロフェッショナル。
- 見出し 短く、的確で、未来志向（例：「明日を創造する」）。
- CTA 直接的でアクション重視（例：「デモをリクエスト」）。
- 明るいネオンカラーを使用しない — スクリーンショットは厳格にモノクロの黒/白ベースを示しています。
- 鋭い0pxの角を使用しない — スクリーンショットはピルボタン（40px）と角丸カード（16px）を示しています。
- ヘッドラインに幅広い字間を使用しない — スクリーンショットは Tightなトラッキング（-1px）を示しています。
- ヘッドラインに細いフォントウェイトを使用しない — スクリーンショットは太字/セミボールドのディスプレイテキストを示しています。
- 雑然とした背景を使用しない — スクリーンショットはセクションに純黒、白、または薄いグレーを使用しています。
- 小さく、窮屈なテキストを使用しない — スクリーンショットは、高いline-heightを持つ豊かな18pxの本文テキストを使用しています。
- 避ける: カジュアルなスラング
- 避ける: 受動態
- 避ける: 過度に技術的な専門用語
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
WGSNは、洗練されたエディトリアルデザイン言語を使用するプレミアムB2Bトレンド予測プラットフォームです。カラーパレットは厳格にモノクロで、純黒（#000000）と白（#FFFFFF）を基調に、階層をつけるためにセミトランスペレントブラック、控えめな要素にグレー（#999999）を使用しています。タイポグラフィは、ヒューマニストサンセリフのDM Sansのみで、本文18pxから太字56pxのヘッドラインまで幅広く使用されます。ボタンはピル型（40px半径）で、高コントラストのフィルです。レイアウトは余裕があり中央揃えで、大きなトレンド画像を強調します。重要な制約として、アクセントカラーを使用しない、ボタンに鋭い角を使用しない、テキストを窮屈にしないことを守ります。すべてのコピーで、権威がありながらも未来志向のトーンを維持します。
en · zh-CN · zh-TW · ja · ko