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