Wealthsimple
白色基底、胶囊形控件与圆角卡片。
Fruitful
白色基底、居中构图与圆角卡片。
页面以白色为基底，搭配近黑色文字。字体采用 PP Neue Montreal。视觉特点包括居中构图、圆角卡片、网格布局、大字排版。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 任何屏幕上唯一使用 #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展示文字的完整范围。
