Wealthsimple
白色基底、胶囊形控件与圆角卡片。
Structured
浅灰色基底、紧密字距与衬线字形。
页面以浅灰色为基底。字体采用 Davinci、Helvetica Now。视觉特点包括紧密字距、衬线字形、居中构图、网格布局。适合参考的场景：区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- 在所有板块标题使用 52px 及以上大小的 Davinci 衬线字体，在主要展示标题使用 94px 及以上大小——衬线字体是品牌声音的体现
- 将首屏标志文字设置为恰好 374px，Davinci 字重 500，字间距 -3.37px，使其恰好裁切至视口边缘
- 交替使用奶油色（#c4c3b6）浅色板块与黑色（#000000）深色板块——两者之间不设渐变，仅做硬切
- 所有填充型操作按钮使用 28.8px 的圆形半径，内边距保持 9px 17px，形成紧凑的胶囊形态
- 对所有特色图像应用圆形裁剪——圆形是系统中除满幅矩形外的首要图像形状
- 将所有正文与功能文本设置为 Helvetica Now 字体，字号 9–16px；无衬线字体最大不超过 43px
- 使用六边形形状用于分页和装饰性指示器——作为次要几何形态，与圆形插图和胶囊按钮形成呼应
建议避免
- 不要引入任何饱和色——色彩调性为暖灰与黑色；加入蓝色、绿色或红色的行动号召按钮会破坏画廊风格
- 不要使用阴影或渐变——系统整体为平面设计；深度来自明暗交替的板块，而非立体感
- 不要在正文文本中使用衬线字体——Davinci 仅用于展示；在小于 34px 时使用会破坏编辑层级
- 不要使用标准圆角值（4px、8px、12px）于卡片——系统中卡片使用 9px，按钮使用 28.8px；中间值均属非系统范围
- 不要使用普通摄影或现代数字插画——所有图像应为古典油画或无
- 不要添加可见的菜单栏或导航组件——页眉仅包含标志和单个文本链接
- 正文文本在 Helvetica Now 中的字号不要低于 12px 或高于 26px——无衬线字体的范围狭窄且具有明确意图
