厳選・オープン・無料

Munropartners Com Au

自然の風景を旅しながら投資成長を導くことを提示する、上質なウェルスマネジメント企業。

FintechCurationCleanPhotographicRestraint
Munropartners Com Au のスクリーンショット
↓ デザインシステムをダウンロード (29 MB)OpenDesign で開く

オリジナル: https://www.munropartners.com.au

📦 パックの中身を見る →

01

デザイン DNA

上質成長導き風景永続性

投資家を複雑な金融地図案内する地形図のような存在。

02

カラー

#3f322aInk
rgba(63,50,42,0.5)Ink soft
#fff9eeBG
rgba(63,50,42,0.1)Line

温かみのある大地色のニュートラルカラーを採用し、写真のヒーローが視覚的な関心を牵引しつつ、金融データの最大限の可読性を維持します。

03

タイポグラフィ

grotesque-sans

セカンダリーラベルやテーブルヘッダーには、ワイドトレッキングの大文字を使用します · 金融データの明瞭さを優先する、クリーンでニュートラルなタイポグラフィ階層を維持します · ウェイトの重いフォントは、強調やインタラクティブな状態に限定して使用します

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

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これは、旅の隱喩を通じて金融成長を可視化する上質なウェルスマネジメントウェブサイトです。デザインは、クリーム色オフホワイト背景(#fff9ee)とダークブラウンインク(#3f322a)を基調とした温かみのある大地系パレットに依拠し、大きくドラマチックな風景写真が主要な視覚的焦点となるよう構成されています。タイポグラフィは厳格にモダンなグロテスクサンセリフを使用し、金融データに対してクリーンで客観的、かつ非常に可読性の高いインタフェースを生み出しています。重要な制約として、過度に明るいアクセントカラーの回避、重いシャドウではなく控えめなボーダー定義の採用、穏やかで権威のあるブランドボイスを反映した長期的視点を優先した十分な间距の維持が挙げられます。

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

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

OpenDesign スキル ↗ · このパック(エージェント用) ↗

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