Wealthsimple
白色基底、胶囊形控件与圆角卡片。
Letter
白色基底、衬线字形与分屏构图。
页面以白色为基底，搭配近黑色文字。局部操作控件以青绿色强调。字体采用 Neufile Grotesk Extended、Albra Sans。视觉特点包括衬线字形、分屏构图、居中构图、网格布局。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有标题与展示文字使用衬线 Albra Sans，绝不用无衬线替代标题；衬线与无衬线分工是系统身份。
- 按钮圆角保持 2px，近方形边缘传达建筑般自信，而非亲切。
- 80px Albra Sans 只用于首屏标题，区块标题最大 46px。
- 每个彩色填充按钮旁都搭配匹配品牌色的幽灵文字链接：蓝绿按钮配蓝绿链接，紫罗兰按钮配紫罗兰链接。
- 3D 渲染图漂浮在留白中，不加容器、边框或圆角蒙版；渲染图原始边缘本身就是视觉画框。
- 产品面板使用带色卡片背景 #fcede1、#eefcef、#e6def0，#ffffff 与 #f6f9f9 留给结构区块。
- 按钮水平内边距保持 27px，宽裕水平呼吸让按钮显高端，而非纯功能。
建议避免
- 卡片、按钮或区块绝不使用阴影、投影或 box-shadow；系统平面，让背景色与 3D 渲染承担深度。
- 不要引入 2px 之外的圆角，不用圆角卡片、胶囊按钮或圆形头像。
- 品牌色 #186f64、#536eff、#644bc4、#154ea5 不要用于正文、边框或背景，只留给操作场景与标题。
- 标题绝不用无衬线，衬线 Albra Sans 对编辑声音不可妥协。
- 带色卡片背景 #fcede1、#eefcef、#e6def0 不要用于正文或大面积表面；它们是 3D 渲染的画廊墙，而不是页面背景。
- 界面组件不要应用渐变，渐变只出现在 3D 渲染和首屏光爆中，不在按钮、卡片或背景中。
- 衬线标题避免紧密字间距，0.020em 正字间距是刻意的，营造画廊标签感。
