厳選・オープン・無料

Phase

ドメイン名への関心を獲得アクションに変換するために設計された、ミニマルで実用性重視のランディングページ。

designmotion
Phase のスクリーンショット
OpenDesign で開く

オリジナル: https://phase.com

01

デザイン DNA

ミニマルダイレクト取引的機能的ドメイン・パーキング

特定の資産のための、シンプルなデジタル・キオスクまたは自動販売機のようなもの。

02

カラー

#000000Ink
#FFFFFFBG
#666666Muted
rgba(0,0,0,0.1)Line

厳格にモノクロームで実用的。装飾的なカラーなしに、高コントラストとホワイトスペースで階層を構築します。

03

タイポグラフィ

transitional-serif · humanist-sans

メイン・ディスプレイ見出しには単一のフォントウェイトを使用する。 · 本文テキストは軽量で高度に可読性を確保する。

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

中央のコンテンツ・カード周辺にたっぷりとした垂直パディングを設け、焦点を生み出します。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

フッターとメインコンテンツを区切る、単一の水平線。

0 4px 20px rgba(0,0,0,0.08)

06

レイアウト

900container
1columns
768breakpoints

単一カラムで垂直に積み重ねられたレイアウト。中央のコンテンツ・カードと個別のフッター・バーを備えます。

07

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

200msmicro
300mssmall
500msmedium
ease-in-outeasing

最小限から皆無に近いモーション。静的なプレゼンテーションに焦点を当てます。

プライマリ・ボタンに対する微細なフィードバック。背景色や不透明度の軽微な変更が考えられます。 · プライマリ・ボタンによってトリガーされる、直接的なナビゲーションまたはアクション。

08

コンポーネント

09

文体と禁止事項

11

System Prompt

これは、最大限の明瞭さとコンバージョンのために設計された、ミニマルで取引的なドメイン・パーキング・ページです。ビジュアル・アイデンティティは厳格に実用主義的で、純粋なホワイト(#FFFFFF)とブラック(#000000)のクリーンなモノクローム・パレットと、機能的なグレーのアクセント(#666666)に依存し、高コントラストで気を散らされない環境を生み出しています。タイポグラフィは、メイン・ドメイン見出しのトランジショナル・セリフと、本文のヒューマニスト・サンセリフのクリーンな組み合わせで、優れた可読性とプロフェッショナルなトーンを確保します。レイアウトは、コール・トゥ・アクションのコアを強調する、シンプルで中央揃いの単一カラム構造とフローティング・カード要素を備えています。重要なデザイン制約には、装飾的なカラーまたはグラデーションの回避、複雑なマルチカラム配置の排除、感情的なマーケティングなしの厳格に取引的で事実に基づいたトーンの維持が含まれます。モーションは最小限で、全体的なインタラクション・モデルは単純で目的駆動です。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗

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