厳選・オープン・無料
Fantasy
没入感のあるダークモード主体のシネマティックビジュアルを通じて、ビジョンと実行力を見せるプレミアムデザインエージェンシー。
agencyproduct
01
デザイン DNA
先見性ハイエンドデザイン主導未来的
ビジョンと実行力で牽引するハイエンドなデザインスタジオ。
02
カラー
#FD0202Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#121212BG quiet
#293C5BMuted
rgba(255,255,255,0.1)Line
主にモノクロームのパレットによるシネマティックなコントラストで、重点ポイントに単一の鋭い赤色アクセントを活用しています。
03
タイポグラフィ
grotesque-sans
- display
116px · 500 - heading
41px · 500 - body
16px · 400
ディスプレイテキストには Tightなカーニング（負の文字間隔）を使用し、密度の高いプレミアム感を強調します。 · すべてのテキストで一貫したフォントウェイト（400-500）を維持し、視覚的な均一性を保ちます。 · 暗い背景に白いテキストを厳密に使用することで、高いコントラストを確保します。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
余裕のある50pxの水平パディングを一貫して適用し、息のできるプレミアムなレイアウトを維持します。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
定義を明確にするために、控えめに1pxの白いボーダーを最小限に使用しています。
0px 32px 68px 0px rgba(0, 0, 0, 0.3)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
固定ナビゲーションを備えた、没入感のあるフルブリードヒーローセクション。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
一般的なUIインタラクション用の、控えめな0.3s ease-outトランジション。 · コンテンツ表示用の、滑らかな0.5sのopacityフェード。
インタラクティブ要素に対する、控えめなopacityやカラーシフト。 · opacityや背景の変化による、即座の視覚的応答。
08
コンポーネント
- button 控えめなボーダーとポインタカーソルを持つ、ミニマリストなピル型コンテナ。
- card 精密なボーダーと広めのパディングを持つ、画像を重視したレイアウト。
- chip 高コントラストな、ピル型のインタラクティブ要素。
- input 不可視または極めてミニマリストな入力フィールド。
- hero 巨大なタイポグラフィオーバーレイを持つ、フルスクリーンのシネマティック背景画像。
09
文体と禁止事項
- トーン 権威があり、先見性があり、率直。
- 見出し 注目を集める、巨大で Tightな間隔の-boldなステートメント。
- CTA メインビジュアルと競合しない、ミニマリストなテキストベースのCTA。
- 複数の競合する背景色を使用しないこと — スクリーンショットでは主に純粋な黒の背景が示されています。
- メインヒーローに中央揃えのテキストを使用しないこと — スクリーンショットでは巨大なヘッドラインに対する強調された左揃えが示されています。
- 高クロマなグラデーションを使用しないこと — スクリーンショットではソリッドなモノクローム背景または写真画像が示されています。
- セリフ書体（Serif）を使用しないこと — スクリーンショットでは専らサンセリフ書体（Sans-serif）が示されています。
- ヒーローセクションに忙しない、複数カラムのレイアウトを使用しないこと — スクリーンショットでは余裕のある、フルブリードの配置が示されています。
- 標準的な「クリック Here」ボタンを使用しないこと — スクリーンショットではミニマリストなテキストリンクまたは控えめな丸みのあるピル型が示されています。
- 避ける: プレミアムな画像から注意をそらす、派手なネオンカラーパレット。
- 避ける: シネマティックな体験を雑踏させる、密度の高いテキスト重視のレイアウト。
- 避ける: モダンでテクノロジー感を損なう、装飾的あるいはセリフ書体。
- 避ける: 没入感のあるフルブリードビジュアルを制約する、硬直したグリッド構造。
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは、ビジョンと実行力で牽引するプレミアムデザインエージェンシーのウェブサイトです。ダークモード主体のシネマティックな美学を活用しています。プライマリカラーは純粋な黒（#000000）と白（#FFFFFF）で、巨大なタイポグラフィに高いコントラストを生み出しています。フォントカテゴリは専ら grotesque-sans で、ウェイト範囲は厳密に400-500です。レイアウトは余裕があり、フルブリードの画像と Tightなカーニングを特徴としています。重要な禁止事項：複数の競合する背景色は決して使用しないこと；プライマリヒーローヘッドラインに中央揃えのテキストは避けること；高クロマなグラデーションや忙しないレイアウトは使用しないこと。デザインは、没入感のある写真と権威があり-boldなタイポグラフィを優先し、プレミアムで先見性のあるブランドアイデンティティを確立しています。
en · zh-CN · zh-TW · ja · ko