厳選・オープン・無料

Thesummerdrive

ベンチャーキャピタルのポートフォリオ集会のための、playfulで高コントラストのイベントランディングページ。

01

デザイン DNA

ビンテージのイベント招待状と、モダンなスタートアップポートフォリオショーケースを融合させたもの。

02

カラー

暖かいクリーム色のベースと、すべてのインタラクティブおよびタイポグラフィ要素に鮮やかな青を使用したデュアルトーンパレット。

03

タイポグラフィ

grotesque-sans

• display77px · 400
• heading62px · 400
• subhead38px · 400
• body18px · 400
• small16px · 400

すべての大文字テキストは、ラベルとプライマリヘッダーに使用されます。 · 太いディスプレイフォントと軽い本文テキストの間に高いコントラストがあります。 · 大きなディスプレイテキストには、有意なネガティブレタースペーシングが適用されます。

04

余白

適度な水平パディング（144px）でコンテンツをセンタリングし、大きなホワイトスペースと一貫したマージンで定義された厳格な垂直リズムを持ちます。

05

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

細い実線の青いラインが水平線として機能します。

06

レイアウト

広いマージンを持つ単一カラムのセンタリングレイアウトで、特定の詳細については分割レイアウトに変化します。

07

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

hover時のスムーズなbackground-colorおよびcolor transitions。 · インタラクティブ要素のtransformおよびopacity changes。

ボタンとリンクのbackground-colorおよびcolor transitions。 · scaleまたはtransformのマイクロインタラクション。

08

コンポーネント

• button 青いボーダーとテキストを持つ、大きなピル形アウトラインボタン。モバイルではセンタリングされます。
• card スケジュールリストやパートナーロゴを含む、シンプルなボーダー付きセクション。
• hero ビンテージカーの中央イラストをフィーチャーする、大規模なタイポグラフィドリブンのヒーローセクション。

09

文体と禁止事項

• トーン Playfulで、exclusiveかつinformalだが、corporate。
• 見出し 大きく、大文字で、強力なカーニングを施したディスプレイテキスト。
• CTA 明確な、ピル形のアウトラインボタンで、直接的なアクションテキスト。

• セリフフォントを使用しない — スクリーンショットでは、すべてのテキストに一貫してgrotesque sans-serifが使用されています。
• 暗い背景を使用しない — スクリーンショットでは、暖かい明るいクリーム色（#FFF8F1）のベースが使用されています。
• 複数のアクセントカラーを使用しない — スクリーンショットでは、すべてのハイライトに単一の青（#006EFF）が使用されています。
• 標準的な矩形ボタンを使用しない — スクリーンショットでは、角丸のピル形アウトラインボタンが使用されています。
• 小さなヒーローテキストを使用しない — スクリーンショットでは、画面を埋め尽くすような大規模なディスプレイタイポグラフィが使用されています。
• ドロップシャドウを使用しない — スクリーンショットでは、完全にフラットなデザインで、ラインベースの区切りが特徴です。
• 避ける: 本文のためのセリフタイポグラフィ
• 避ける: 暗い背景
• 避ける: 小さく密集した段落

10

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

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

11

System Prompt

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