Wealthsimple
白色基底、胶囊形控件与圆角卡片。
Kikin
暖白色基底、分屏构图与居中构图。
页面以暖白色为基底，搭配深灰色文字。字体采用 Deacon、Graphik。视觉特点包括分屏构图、居中构图、单栏阅读排版、摄影展示。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 凡是需要展示效果的地方，都使用58px至259px的Deacon 900；它紧缩的几何形态就是系统本身，而非装饰。
- Meadow（#55dd4a）严格保留给两种用途：主要操作的填充色，以及双色首屏标题的第二行。
- 每个Deacon文字块的行高都设为0.80–0.90；若放宽至1.2，就会破坏窄体的轮廓。
- 正文画布默认使用Paper Cream（#f3ede4）；纯白会违背温暖纸质海报的氛围。
- 表现可持续性、影响力、价值观等抽象概念时，使用Patch Badge图案；这是这个系统自身的装饰语言。
- 贴纸徽章旋转4–8°，并让其与图像重叠20%+，以保持手作感。
- 插画调色板限定为Deep Navy、Meadow、River Blue、Sun Yellow和Paper Cream；加入第六种色相会破坏海报的统一感。
建议避免
- 不要引入第二种彩色强调色；Meadow是唯一的绿色，River Blue仅用于插画，Sun Yellow仅用于装饰。
- 标题中的Deacon不要使用高于0.95的行高，也不要使用低于700的字重；它的安静感来自紧压的行距，而非轻字重。
- 奶油色背景上的文字不要使用纯黑（#000000）；使用Charcoal（#333333）或Forest Ink（#122315），以保持温暖色调。
- 不要给布贴徽章或贴纸徽章添加阴影；它们应像印在页面上，而不是悬浮其上。
- 不要使用渐变；系统呈现的是平面的海报油墨，而非玻璃拟态。
- 卡片圆角不要超过20px，按钮圆角不要超过10px；这两种圆角数值均提取自原版。
- 不要在Meadow或Lichen背景上放置Meadow填充按钮；这一组合无法通过色彩产生操作对比，应使用Ghost样式或深色表面。
