厳選・オープン・無料

Maisonnue

現代の不動産投資と不動産トレンドを扱う、ダークテーマのデジタルガイド。

01

デザイン DNA

不動産投資のためのデジタルコンシェルジュ。コントラストが高く、モバイルファーストのインターフェースで提示される。

02

カラー

純粋な黒と白を基調とした高コントラストダークテーマ。アクティブ状態には鮮やかな赤のアクセントカラーを使用。

03

タイポグラフィ

geometric-sans · humanist-sans

• display20px · 700
• body16px · 400

プライマリナビゲーションリンクや見出しには、全て大文字の字形を使用。 · 本文テキストは、ダーク背景での可読性を考慮し、 legible なサンセリフ体で設定。 · 見出しには、やや太めのウェイトと広めの字間を用いて強調を図る。

04

余白

4pxグリッドに基づいた、緊密で一定の垂直リズム。リストアイテム間には明確な間隔を設ける。

05

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

コンテナやセパレーターを定義するために、薄い1pxの実線（白色または控えめなグレー）を控えめに使用。

0 4px 6px rgba(0, 0, 0, 0.3)

06

レイアウト

画面中央に配置された単一カラム、モバイルファーストのレイアウト。縦スクロールに最適化。

07

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

インタラクティブな要素のhoverおよびクリック時に、微細な「ease-in-out」トランジションを適用。 · ボタンの押下フィードバックにトランスフォームスケールを使用。

インタラクティブなリストアイテムの微細な背景色の変化や不透明度の変更。 · 物理的な押下を模倣する、ボタンのクイックなトランスフォームスケールダウン効果。

08

コンポーネント

• button プライマリアクションに使用する、赤背景に白テキストの丸みのある角を持つ、全幅ピルシェイプのボタン。
• card アイコン、テキスト、末尾のアクションアイコンを備えたシンプルなリストベースの行コンポーネント。微細な線で区切られている。
• hero ダークオーバーレイと目立つゴールド/白のタイポグラフィを備えた、全幅で中央揃えの画像バナー。

09

文体と禁止事項

• トーン 情報に基づき、直接的でプロフェッショナル。ガイドラインと投資価値に焦点を当てる。
• 見出し 直接的で大文字表記。ブランド名を繰り返すことで強調する場合も多い。
• CTA アクション志向で力強い。「Download」「Login」「Register」など、強い言葉を使用。

• 明るいパステル色の背景色を使用しない。スクリーンショットでは純粋な#000000の黒背景が使用されている。
• 本文に装飾的あるいはスクリプトフォントを使用しない。スクリーンショットでは明瞭さのためにArialとMontserratが使用されている。
• 控えめなアクセントカラーを使用しない。スクリーンショットでは強調のために高彩度の#ff2a2aの赤が使用されている。
• 幅広いマルチカラムレイアウトを作成しない。スクリーンショットでは厳密に単一カラム、モバイル最適化されたインターフェースが使用されている。
• ドロップキャップや複雑なタイポグラフィ装飾を使用しない。テキストレイアウトは厳密に機能的でクリーン。
• 低コントラストの色の組み合わせを使用しない。デザインは可読性のために白地に黒の高コントラストを優先。
• 避ける: 過度なマーケティング用語
• 避ける: 複雑な文章構造
• 避ける: 曖昧な行動喚起

10

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

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

11

System Prompt

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