精选 · 开放 · 免费

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) 为锚点,让大幅、富有戏剧性的风景摄影成为主要的视觉焦点。排版严格使用现代无衬线字体,为金融数据创建一个干净、客观且高度可读的界面。关键约束包括避免使用过于明亮的点缀色、摒弃沉重阴影而采用微妙的边框定义,以及保持充足的间距以反映平静、权威的品牌声音,该声音优先考虑长期视角,而非紧急、激进的转化策略。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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