Wealthsimple
毛绒内衬的保险库搭配画廊灯光
Fruitful
阳光洒落的厨房香草花园——温暖的奶油色表面，单一深绿色点缀，全篇充满植物般的柔和质感。
Fruitful 以阳光照耀的餐桌旁财务实践为定位：温暖的奶油色表面取代了典型金融科技中的冷灰色调，而单一的深森林绿作为唯一的色彩表达。字形承载着分量——大尺寸、紧密字间距的显示（最大达91px），手感如同手工排版而非机械设计，为整体柔和的界面带来稳定感。组件呈圆润柔和形态（大多数容器为12px圆角，胶囊控件为80px圆角），真实指南员的摄影肖像以大尺寸圆角框呈现，取代了该领域常见的抽象产品图片。层次感几乎不可见——仅在最深的卡片上保留单层多层阴影——边框细而低调。整体节奏为：充足的空白区域、居中的标题带、2–3列卡片网格布局，以及温暖但明亮的配色，使整体体验如同来自朋友的建议，而非冷冰冰的仪表盘。
查看原始网站使用规范
建议采用
- 任何屏幕上唯一使用 #0b7443 作为主要行动按钮颜色——禁止引入第二组色彩按钮。
- 任何非白色区域均使用 #fee9d1（杏仁奶油）作为主导表面，以维持温暖、非企业化的身份特征。
- 显示字号设定为 48–91px，字间距为 -0.019em——大尺寸下紧致的字间距是其标志性风格。
- 所有按钮、卡片、导航元素和视频容器均采用 12px 的圆角半径，以确保视觉一致性。
- 每个主要填充按钮必须配对一个同等字重的透明描边按钮（1px 黑色边框，透明填充）作为其次要操作。
- 将大尺寸真实人物照片（非图片库）置于 20px 圆角容器中，背景为温暖的奶油色，以强化人本、顾问式的氛围。
- 仅将 #039855 和 #61bc76 用于图标填充、植物插画及装饰线条——禁止用于文字或按钮。
建议避免
- 不要将鲜艳的绿色（#039855、#61bc76）用于正文或标题——它们缺乏深森林绿的对比分量。
- 不要在同个区块中将 #eceff4（轻雾灰）与 #fee9d1 相邻使用——冷暖冲突会破坏整体温暖氛围。
- 正文文字字号不得低于 16px 或高于 20px——字体系统经过调校，最佳范围为 16–20px。
- 任何容器的圆角均不得为 0px——即使是小型元素，也至少需 4–12px 圆角。
- 不要为按钮、导航或文字添加阴影——唯一允许的阴影仅用于最深层的提升卡片。
- 不要将棕色辅助色（#715039）用于正文或按钮——该色仅作装饰用途，用于温暖区域的标题和卡片边框。
- 不要引入第二种字体，PP Neue Montreal覆盖从11px图注到91px展示文字的完整范围。
