精選 · 開放 · 免費
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
互動元素採用細微的線性過渡,營造平靜、穩定的感受。
在線性時間軸上進行opacity或背景色的變化。 · 細微的視覺回饋後接平滑導航。
08
組件
- button 低調的懸浮按鈕,標籤採大寫,使用柔和邊框與細微的hover過渡效果。
- card 以細分割線區隔的簡潔資料行,而非厚重的容器邊框。
- chip 小型、大寫的文字徽章(如 'ETF' 與 'MANAGED FUND'),使用柔和的紫色或藍綠色點綴。
- input 以可讀性為主的極簡文字輸入框。
- hero 沉浸式全視域風景攝影,搭配大面積疊加字體。
09
文案語氣與禁用清單
- 語氣 權威、平靜且令人安心的專業感。
- 標題風格 兼具啟發性與接地氣,著重長遠視角。
- 按鈕文案 低調直接,依賴清晰標籤而非強勢設計。
- 勿使用明亮、飽和的點綴色 — 設計採用大地棕與溫暖米白色的克制色調。
- 勿在元件上使用厚重的陰影 — 設計依賴細微邊框與簡潔間距來定義層次。
- 勿使用襯線或裝飾性字體 — 設計僅採用簡潔的 grotesque-sans 字型。
- 勿在介面中堆砌密集格線 — 佈局運用大量留白與單欄敘事流動。
- 勿為主要操作使用圓角膠囊按鈕 — 互動元素呈現為細微的文字連結或簡潔的描邊矩形。
- 勿使用冰冷刺眼的純白背景 — 基底背景始終採用溫暖的奶油米白色 (#fff9ee)。
- 避免: 誇張的行銷用語
- 避免: 強勢或喧鬧的行動呼籲
- 避免: 缺乏背景說明的複雜金融術語
- 避免: 霓虹或高度飽和的點綴色
- 避免: 雜亂或擁擠的佈局
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高端財富管理網站,透過旅程隱喻視覺化財務成長。設計基於溫暖的大地色系,以奶油米白背景 (#fff9ee) 與深棕色墨水 (#3f322a) 為基調,讓大尺寸、具戲劇性的風景攝影成為主要視覺焦點。字體嚴格採用現代 grotesque-sans,創造簡潔、客觀且高度可讀的財務數據介面。關鍵限制包括:避免過於明亮的點綴色、拒絕厚重陰影改用細微邊框定義、以及維持寬裕間距以反映平靜、權威的品牌聲音,優先考慮長遠視角而非急迫強勢的轉換策略。
en · zh-CN · zh-TW · ja · ko