厳選・オープン・無料
Munropartners Com Au
自然の風景を旅しながら投資成長を導くことを提示する、上質なウェルスマネジメント企業。
FintechCurationCleanPhotographicRestraint
01
デザイン DNA
上質成長導き風景永続性
投資家を複雑な金融地図案内する地形図のような存在。
02
カラー
#3f322aInk
rgba(63,50,42,0.5)Ink soft
#fff9eeBG
rgba(63,50,42,0.1)Line
温かみのある大地色のニュートラルカラーを採用し、写真のヒーローが視覚的な関心を牵引しつつ、金融データの最大限の可読性を維持します。
03
タイポグラフィ
grotesque-sans
- display
56px · 500 - body
22px · 400 - small
14px · 400
セカンダリーラベルやテーブルヘッダーには、ワイドトレッキングの大文字を使用します · 金融データの明瞭さを優先する、クリーンでニュートラルなタイポグラフィ階層を維持します · ウェイトの重いフォントは、強調やインタラクティブな状態に限定して使用します
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
風景画像が持つ開放的で広がりのある感覚を反映した、ゆとりのある縦方向の间距です。
05
サーフェス (角丸 / 影 / 罫線)
sm · 2px
md · 15px
lg · 20px
pill · 999px
行を区切り、セクションを定義するために、控えめな大地系ブラウンの1pxソリッドラインを使用します。
06
レイアウト
1280container
12columns
20pxgutter
768 / 1024breakpoints
フルブリードのヒーローに続き、金融データにはクリーンな水平タブュラーレイアウトを採用した、ゆとりのある単一カラムコンテンツブロックを形成します。
07
モーションとインタラクション
200msmicro
300mssmall
400msmedium
lineareasing
インタラクティブ要素には、穏やかで安定した印象を与える控えめなリニアトランジションを採用しています。
リニアタイムラインに沿った、不透明度の変化や背景色のシフト。 · 控えめな視覚的フィードバックに続き、スムーズなナビゲーション。
08
コンポーネント
- button 控えめなゴーストボタンで、大文字ラベル、控えめなボーダー、サブトルなhoverトランジションを使用します。
- card 重いコンテナではなく、細い区切り線で分離されたクリーンなデータ行とします。
- chip 「ETF」や「MANAGED FUND」といったテキストを表示する、控えめなパープルやティールのアクセントを用いた、小さく大文字のテキストバッジです。
- input 可読性に焦点を当てた、ミニマルなテキストベースのインプットです。
- hero 大きなオーバーレイタイポグラフィを配置した、没入感あるフルビューポートフォトグラフィック風景です。
09
文体と禁止事項
- トーン 権威があり、穏やかで、信頼に満ちた専門性。
- 見出し 理想を追い求めるが同時に現実に即しており、長期的な視点に焦点を当てます。
- CTA 控えめで直接的。派手なスタイリングではなく、明確なラベルに依拠します。
- 明るく彩度の高いアクセントカラーを使用しない — スクリーンショットは大地系ブラウンと温かみのあるオフホワイトの抑制されたパレットを示しています。
- コンポーネントに重いドロップシャドウを使用しない — デザインはコントロール定義に控えめなボーダーとクリーンな间距を採用しています。
- セリフまたは装飾的なフォントを使用しない — スクリーンショットはクリーンなグロテスクサンセリフタイプフェイスのみを使用しています。
- 密集したグリッドでインタフェースを埋めない — レイアウトは十分な余白と単一カラムのナラティブフローを採用しています。
- プライマリアクションに丸みのあるピルボタンを使用しない — インタラクティブな要素は控えめなテキストリンクまたはシンプルなアウトライン付き長方形として表示されます。
- 寒く白すぎる背景を使用しない — ベース背景は常に温かみのあるクリーム色オフホワイト(#fff9ee)です。
- 避ける: 大げさなマーケティング言葉
- 避ける: アグレッシブまたは騒がしいアクションの呼びかけ
- 避ける: 文脈のない複雑な金融専門用語
- 避ける: ネオン色または非常に彩度の高いアクセントカラー
- 避ける: 雑然としたまたは忙しいレイアウト
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは、旅の隱喩を通じて金融成長を可視化する上質なウェルスマネジメントウェブサイトです。デザインは、クリーム色オフホワイト背景(#fff9ee)とダークブラウンインク(#3f322a)を基調とした温かみのある大地系パレットに依拠し、大きくドラマチックな風景写真が主要な視覚的焦点となるよう構成されています。タイポグラフィは厳格にモダンなグロテスクサンセリフを使用し、金融データに対してクリーンで客観的、かつ非常に可読性の高いインタフェースを生み出しています。重要な制約として、過度に明るいアクセントカラーの回避、重いシャドウではなく控えめなボーダー定義の採用、穏やかで権威のあるブランドボイスを反映した長期的視点を優先した十分な间距の維持が挙げられます。
en · zh-CN · zh-TW · ja · ko