厳選・オープン・無料

Simulate

高価値デジタルアセット取得に焦点を当てた、プレミアムドメインマーケットプレイスのリストページ。

01

デザイン DNA

プレミアムドメイン名のための高級デジタル不動産ブローカー。

02

カラー

深い藍色を基調としたハイコントラストなスキーム。プライマリアクションには明るいブルー、セカンダリーハイライトにはオレンジを使用。

03

タイポグラフィ

geometric-sans · humanist-sans

• display68px · 700
• heading36px · 600
• body16px · 400

04

余白

4pxの基本スケーリングを、スペーシングとパディングに一貫して使用

05

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

1px solid rgba(22, 0, 66, 0.12)

rgba(0, 0, 0, 0.1) 0px 15px 20px 0px · rgba(57, 59, 106, 0.18) 23px 23px 24px 0px

06

レイアウト

中央揃えのヒーローコンテンツを持つ標準レスポンシブコンテナ

07

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

ホバー時のカラーおよびバックグラウンドカラーの遷移 · 読み込み状態のための不透明度フェード

ボタンやリンクの標準的なカラー/バックグラウンドカラーの遷移（0.2秒 ease-in-out）。 · 状態変化による即座のフィードバック。

08

コンポーネント

• button 50pxのボーダーラADIUSを持つピル型の塗りつぶしボタン。プライマリアクションにはブルー（#0073E5）、セカンダリアクションにはオレンジ（#E86D1F）を使用。
• card 深い藍色の背景に微細なノイズテクスチャを持つ、大きな角丸の長方形セクション（12px radius）。
• input 最小限のパディングを持つアンダーラインスタイルの入力欄。ニュースレターセクションにのみ表示。
• hero 大きな太字タイポグラフィ、主要なCTAボタン、および補足説明文が中央揃えの垂直スタックで配置。

09

文体と禁止事項

• トーン プロフェッショナル、直接的、かつ取引重視。
• 見出し ドメインアセットに焦点を当てた、短く、頭文字を大文字にした、または太字の宣言。
• CTA 'Make offer' や 'Sign Up' のような、明確で行動を促すボタン。

• プライマリCTAに明るい背景を使用しない — スクリーンショットでは、ソリッドな明るいブルーの'Make offer'ボタンが表示される
• ヘッドラインに幅広いトラッキングを使用しない — スクリーンショットでは、タイトなネガティブレタースペーシング（-1px～-2px）が表示される
• 複数のアクセントカラーを使用しない — スクリーンショットでは、プライマリアクションにはブルー、セカンダリーハイライトにはオレンジが厳密に使用される
• 装飾的なセリフを使用しない — スクリーンショットでは、クリーンな幾何学的およびヒューマニストsans-serif書体が表示される
• プライマリボタンに角の四角を使用しない — スクリーンショットでは、50pxのピル型ボーダーラADIUSが表示される
• 複雑なグラデーションを使用しない — スクリーンショットでは、暗い背景にフラットカラーと微細なノイズテクスチャが使用される
• 避ける: カジュアルな言葉遣い
• 避ける: 遊び心のある比喩
• 避ける: 過度な感嘆符の使用

10

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

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

11

System Prompt

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