厳選・オープン・無料
Manetatoulian
関連する検索トピックスを表示する、標準的なドメインパーキングランディングページ。
ConsumerCalmProductCleanReference
01
デザイン DNA
ドメインパーキング検索マネタイズユーティリティ
生成された検索リンクを持つデジタル待合室
02
カラー
#B8E4FCAccent
#111111Ink
#FFFFFFBG
#000000Muted
rgba(0,0,0,1.0)Line
ライトブルーの機能的アクセントを用いた、高コントラストなブラック&ホワイト。
03
タイポグラフィ
grotesque-sans
- display
35px · 700 - body
16px · 700
04
余白
16pxから32pxの間隔を置いた垂直スタッキング。
05
サーフェス (角丸 / 影 / 罫線)
sm · 5px
md · 6px
lg · 14px
pill · 999px
1pxから3pxの、ソリッドなブラックボーダー。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
ヘッダー、コンテンツボックス、アイテムリスト、フッター。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
ホバーステートのトランジション
CSSトランジションを伴う、標準的なポインターカーソル。 · 標準的なリンクナビゲーション。
08
コンポーネント
- button 白文字のダークなピル型ボタン。
- card ソリッドなライトブルー背景とブラックボーダーを持つ検索結果ボックス。
- hero パーキングされたドメイン名とアクションボタンを配置した、シンプルなテキストレイアウト。
09
文体と禁止事項
- トーン ニュートラル
- 見出し 太字で率直なドメイン名。
- CTA 直接的なアクションの呼びかけ。
- 角丸を使用しない — スクリーンショットでは検索カードの角はシャープ/四角。
- ドロップシャドウを使用しない — スクリーンショットでは完全にフラットな表面。
- セリフフォントを使用しない — スクリーンショットではsans-serifタイポグラフィのみ使用。
- 複数の背景色を使用しない — スクリーンショットでは単一のフラットなホワイト背景。
- 細いボーダーを使用しない — スクリーンショットでは太く目立つブラックボーダー。
- 淡いカラーパレットを使用しない — スクリーンショットでは高コントラストなブラック、ホワイト、明るいライトブルーを使用。
- 避ける: 感情
- 避ける: 詩的な表現
- 避ける: 複雑さ
- 避ける: 曖昧さ
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
検索関連コンテンツを表示するための、ミニマルでユーティリティ重視のインターフェースをデザインします。ビジュアルDNAは、明るいライトブルーアクセントを用いた高コントラストなブラック&ホワイトに基づきます。クリーンなヒューマニストまたはグロテスクsans-serifフォントファミリィを使用します。レイアウトは严格に中央揃えで、機能的なカードのシングルカラムリストです。重要な制約:ドロップシャドウを使用しない。プライマリコンテンツブロックに角丸を使用しない。セリフタイポグラフィを使用しない。細いボーダーを使用せず、太いブラックアウトラインを使用。複雑なグラデーションを導入しない。淡いカラーパレットを使用せず、テキストと背景の間の高コントラストを維持。
en · zh-CN · zh-TW · ja · ko