OpenDesign·你的设计资产库

网页参考

Munropartners Com Au

一家高端财富管理机构,将投资增长呈现为穿越自然图景的引导之旅。

FintechCurationCleanPhotographicRestraint
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

  • display56px · 500
  • body22px · 400
  • small14px · 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

文案语气与禁用清单

  • 语气 权威、平静且令人安心的专业口吻。
  • 标题风格 富有抱负又脚踏实地,聚焦于长期视角。
  • 按钮文案 低调直接,依靠清晰标签而非激进样式。
  • 不要使用明亮、高饱和度的点缀色——截图显示的是一套克制的、大地棕与暖米白调色板。
  • 不要在组件上使用沉重的投影——设计依靠微妙的边框与干净的间距来定义层次。
  • 不要使用衬线或装饰性字体——截图中仅使用了干净的无衬线字体。
  • 不要用密集的网格使界面拥挤——布局使用了充足的留白与单栏叙述流。
  • 不要对主要操作使用圆润的药丸形按钮——交互元素表现为微妙的文本链接或简单的描边矩形。
  • 不要使用刺眼、冰冷的白色背景——基础背景始终是温暖的奶油米白色 (#fff9ee)。
  • 避免: 夸张的营销话术
  • 避免: 激进或喧闹的行动号召
  • 避免: 无上下文的复杂金融术语
  • 避免: 霓虹或高饱和度的点缀色
  • 避免: 拥挤或繁杂的布局

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高端财富管理网站,通过旅程隐喻可视化金融增长。设计依赖一套温暖、大地的调色板,以奶油米白背景 (#fff9ee) 和深棕墨色 (#3f322a) 为锚点,让大幅、富有戏剧性的风景摄影成为主要的视觉焦点。排版严格使用现代无衬线字体,为金融数据创建一个干净、客观且高度可读的界面。关键约束包括避免使用过于明亮的点缀色、摒弃沉重阴影而采用微妙的边框定义,以及保持充足的间距以反映平静、权威的品牌声音,该声音优先考虑长期视角,而非紧急、激进的转化策略。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。