Rows 网站预览
Rows 网站预览

Rows

白色基底、渐变展示与细线分隔。

页面以白色为基底。字体采用 Output Sans。视觉特点包括渐变展示、细线分隔、网格布局、文字主导。适合参考的场景:工作流工具首页、产品功能说明页。

查看原始网站

使用规范

建议采用

  • 所有主要文字和填充按钮背景使用 Ink(#1a1a1a);绝不以更浅的灰色替代以强调。
  • 将 Marigold(#ffb84d)保留用于每屏最重要的交互边框——即提示输入框或单一聚焦控件——且绝不作为填充使用。
  • 按钮和输入控件使用 4px 圆角,卡片使用 8px 圆角;绝不超过 8px,也无需采用胶囊形(胶囊形)设计。
  • 页面标题使用 Output Sans,24px/700 字号/字重,-0.043em 字间距;首屏问候语使用 18px/400,并保持相同的负字间距;大字号上的这种负字间距是标志性特征。
  • 模板/条目项之间通过留白和 8px 行间距分隔——无边框、无卡片背景、无悬停填充,仅在细微处有 Ink 颜色的微妙变化。
  • 当标签已存在时,使用 6px 颜色点来表示分类图标,而非完整图标。
  • 所有微标签(列标题、标签)均以 10px/700 字重和 +0.021em 正字间距对齐,以营造电子表格般的精确感。

建议避免

  • 按钮、卡片或表面控件中绝不引入任何色彩填充——色彩仅用于边框和点状元素。
  • 卡片或输入控件中绝不添加阴影或层级效果;设计为扁平,依赖 1px 边框。
  • 在 18px 及以上标题中,绝不使用 0 或正值的字间距——负字间距是不可妥协的。
  • 每视口内绝不使用超过一个金黄元素;其力量源于稀缺性。
  • 绝不使用会改变几何比例的系统字体回退;仅接受 Output Sans / Inter 两个字体家族。
  • 绝不将模板项包裹在有边框或填充的卡片中——网格由对齐定义,而非容器。
  • 绝不将珊瑚到金黄的渐变用作背景或按钮填充;它仅为品牌标识,绝非表面装饰。