Websmith Studio
近白色基底、宽松留白与扁平表面。
Mobbin
白色基底、圆角卡片与分屏构图。
页面以白色为基底，搭配近黑色文字。字体采用 saans。视觉特点包括圆角卡片、分屏构图、居中构图、网格布局。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 将 #141414 作为唯一的‘颜色’使用 — 所有 UI 强调、图标、填充按钮及激活状态均为此近黑色，绝不用任何色相。
- 为所有交互性胶囊元素（按钮、标签、搜索输入、筛选标签）设置 9999px 圆角半径。非交互性内容容器使用 16–24px 圆角。
- 设置显示标题（56–80px）采用saans字体600–652 字重，字间距为-0.007em至-0.011em，lineHeight 为1.00–1.13。
- 在所有 saans 字体文本上使用 font-feature-settings: '"calt" 0, "dlig", "ss07"' 以激活定制连字和风格集，使其区别于备用无衬线字体。
- 仅通过 1px 实线 #ededed 边框来区分卡片的层级感 — 卡片绝不使用阴影。将阴影专用于浮动下拉菜单。
- 使用非整数 saans 字重：440 用于 UI 标签/导航，456 用于中等强调正文，652 用于首屏数值 — 在可用的非整数字重下，绝不四舍五入为 400/500/600。
- 在主要内容区块之间保持 80px 的垂直区块节奏，内部卡片基础内边距为 24px。
建议避免
- 绝不引入任何色相强调色 — 不是链接用蓝色，不是成功状态用绿色，也不是任何色调。整个品牌配色均为无彩色。
- 绝不为卡片或画廊缩略图使用阴影 — 边框完成此功能；内容卡片上的阴影会与其中的截图图像产生竞争。
- 绝不使用 font-weight 700 或 800 — 最重的字重为 652。更重的字重会破坏该系统定义的字体克制性。
- 绝不使用除 9999px（交互）、24px（大容器）、16px（卡片/图片）或 8px（行内徽章）之外的圆角值 — 任意中间值会破坏形状语言体系。
- 绝不为区块设置彩色背景 — 交替带状布局最多使用 #ffffff 与 #f2f2f2，绝不用染色或有色调的填充。
- 绝不将首屏标题左对齐 — 80px/56px 的居中显示是布局基准；移动它会破坏使截图网格看起来有序的对称性。
- 绝不移除显示文本的字间距 — 在 80px 大小时，-0.88px 的字间距是 saans 作为定制字体而非普通网页字体的体现。
