Home
白色基底、衬线字形与胶囊形控件。
Glyphs
白色基底、衬线字形与大字排版。
页面以白色为基底，搭配近黑色文字。字体采用 Symbol Helper。视觉特点包括衬线字形、大字排版、产品图像展示、宽松留白。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 以白色（Paper #ffffff）作为主要页面画布，仅将彩色表面用于独立的特征展示场景。
- 展示标题使用 Symbol Helper 400 字重，80px/80px 字号/行高，颜色为 Workshop Green（#1e3219）。
- 公开导航使用 Symbol Helper 400 字重、14px/20.02px 字号/行高；文本链接使用 18px/25.2px 字号/行高。
- 为特征卡片和带边框的产品画布设置 10px 圆角，为矩形按钮设置 5px 圆角。
- 构建彩色特征卡片，顶部间距 36px，底部间距 40px，使用文档中规定的 40px/99.896px 非对称侧边间距。
- 使用酸绿（#9aff00）填充购买表面，保留工作坊绿（#1e3219）文字颜色。
- 内容组之间保持 40px 的主要布局间距，相关控件或文本元素之间保持 20px 间距。
建议避免
- 不要使用粗体或中粗体文本；保持 Symbol Helper 字重为 400，通过 14px 至 480px 的尺寸变化建立层级关系。
- 不要将公共操作的矩形按钮圆角化为胶囊形；仅将 9999px 圆角保留于语言标签和类似紧凑选择器中。
- 不要在卡片、特征面板或产品框上使用阴影效果。
- 不要用中性灰边框替代青色蓝图（#1ad1e6）产品轮廓。
- 不要将芥末黄（#f2ad0d）、青色蓝图（#1ad1e6）或信号橙（#f66a06）设为默认购买填充色；该角色应使用酸绿（#9aff00）。
- 不要在产品图像中隐藏所有矢量节点、手柄、标尺和界面元素；暴露的构造是视觉语言的一部分。
- 不要使用渐变；颜色变化以平面、清晰边界分明的色块呈现。
