厳選・オープン・無料

Varierfurniture

極度の抑制、モノクロームパレット、そして十分な余白によって定義される、プレミアム家具ブランドのサイト。

01

デザイン DNA

豊かなホワイトスペースと抑制されたタイポグラフィを持つ、静かなスカンディナビアンのショールーム。

02

カラー

白、黒、および制御された範囲のウォームグレーを使用した厳格なモノクロームパレット。

03

タイポグラフィ

geometric-sans

• display56px · 400
• h124px · 400
• body16px · 400

全テキストレベルに幾何学サンセリフを使用 · すべての要素でライトまたはレギュラーのウェイト（400）を一貫して使用 · 可読性と洗練さのために、すべてのテキストに大きな文字間隔を適用

04

余白

メインコンテンツブロックの周りに十分なpadding（垂直78pxから109px）を備えた、豊かな垂直間隔。

05

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

ボタンやアウトライン用に、落ち着いたグレー（#9C9C9C）の1px solidボーダー

rgba(0, 0, 0, 0.1) 0px 8px 10px -6px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px

06

レイアウト

ビューポート中央への厳密なアライメントを持つ、中央揃えの単一カラムレイアウト。

07

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

インタラクティブ要素のbackground-colorとcolorの滑らかな遷移 · ホバーステートのTransform遷移

ボタンとナビゲーションリンクの、控えめなbackground-colorまたはcolor遷移（0.15秒〜0.25秒）。 · インタラクティブ要素の標準的なポインタカーソル。

08

コンポーネント

• button 濃いグレーの塗りつぶしと白テキスト、または1pxのグレーボーダーを持つ透明な、ピル形状のボタン。
• card このページでは最小限または存在しない；コンテンツはフラットなホワイトサーフェスに依存。
• chip このページには存在しません。
• input このページには存在しません。
• hero 画像なしで、極端な上下paddingを持つ、巨大で垂直中央揃えのテキストブロック。

09

文体と禁止事項

• トーン 冷静で、プロフェッショナル、かつ直接的。
• 見出し 短く、明確で、マーケティングのうぬぼれが完全に排除されている。
• CTA 行動を促し、丁寧（例：「ホームページに戻る」「クッキーを受け入れる」）。

• 明るく彩度の高い色を使わない — スクリーンショットは白、黒、グレーからなる厳格なモノクロームパレットを示しています。
• 重いフォントウェイトを使わない — スクリーンショットは全テキストで一貫してレギュラー（400）ウェイトを使用していることを示しています。
• 密で窮屈なレイアウトを作成しない — スクリーンショットは豊かなホワイトスペースとpadding（垂直78px〜109px）を示しています。
• プライマリボタンにシャープで四角い角を使わない — スクリーンショットはピル形状（999px）のボタンを示しています。
• 到处にドロップシャドウを使わない — スクリーンショットはシャドウが特定のチャットウィジェットと最小限のインタラクティブステートにのみ存在することを示しています。
• 不必要な装飾要素を追加しない — スクリーンショットはイラストのない、非常にクリーンでミニマルなインターフェースを示しています。
• 避ける: 明るいまたは彩度の高い色
• 避ける: 過度な句読点や絵文字
• 避ける: 密なテキストブロック
• 避ける: 派手または攻撃的なタイポグラフィ

10

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

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

11

System Prompt

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