Shopify
近黑色基底、大幅摄影展示与胶囊形控件。
Stark
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配深蓝色文字。字体采用 ArminGrotesk、RobotoMono。视觉特点包括渐变展示、紧密字距、细线分隔、居中构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 将 ArminGrotesk 900 字重设置为 110px，字间距 -2.2px，用于主要首屏标题——这是标志性的墙体文本时刻。
- 在深色背景上的亮色标题中，对一个或两个单词应用对角线黄色高亮渐变（透明 50% → #fedb63 50%），以实现行内强调。
- 将主要行动按钮设置为 #381fd1 填充、白色文字、6px 圆角、8px×24px 内边距。绝不将午夜海军蓝用作按钮填充。
- 所有小节标题上方的全大写眉标，使用 RobotoMono 700 字重、13px、0.08em 字间距。
- 交替使用午夜海军蓝首屏区块与奶油色（#f6f6eb）正文区块，以维持页面的深色到浅色分隔。
- 将页面背景设为 #faf5ff（非纯白色），以在所有浅色表面传递微妙的紫罗兰色调。
- 所有卡片边缘、输入框和结构分隔线均使用 1px 的 #e5e7eb 细线边框——系统依赖线条而非阴影。
建议避免
- 首屏标题的显示绝不使用 400 或 500 字重——110px 的 900 字重是品牌的标志性特征，必须以最大体量呈现。
- 单个标题中应用黄色高亮渐变的单词不得超过 2-3 个；否则会削弱教师批注笔的视觉效果。
- 绝不为奶油色或浅紫色背景上的卡片添加阴影——系统偏好平滑表面搭配细线边框。
- 绝不引入第二个品牌紫罗兰色变体；#381fd1 是唯一的色彩行动色，必须保持唯一且不受干扰。
- 正文文本绝不低于 16px，也绝不使用大于 -0.01em 的字间距，因为紧致的字间距是实现几何无衬线风格的关键。
- 绝不将 CTA 按钮置于午夜海军蓝首屏区域而未提供足够的对比边距或独特填充——紫罗兰和黄色必须是深色背景上的唯一亮色。
- 绝不将奶油色（#f6f6eb）用作首屏背景——它仅作为次级区块表面，出现在深色折叠之后。
