19–86 网站预览
19–86 网站预览

19–86

白色基底、单栏阅读排版与细线分隔。

页面以白色为基底。字体采用 store_norske_ja_light。视觉特点包括单栏阅读排版、细线分隔。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有文字用 store_norske_ja_light 400,绝不用粗、半粗或中等,系统只有一个声音。
  • 每条描边、字符与细线用 #000000 Ink,每个背景用 #ffffff Paper,绝不引入第三色。
  • 行以 1px 细线和 5px/8px 垂直内边距分隔,绝不用卡片、背景或圆角。
  • 一切左对齐,居中专用于内容后的 490px 品牌水印。
  • 490px 的“19–86”每屏都作为永久水印在项目列表后,它属于界面外框,而非内容。
  • 任何元素需要彼此呼吸时用 24px 间距,6px 基础单位只用于微间距。
  • 状态指示用右对齐的小实心 Ink 圆点,9999px 圆角,无图标、标签或彩色状态。

建议避免

  • 不要加任何颜色,无强调、绿红黄语义、悬停色调,选中高亮也只用系统默认。
  • 不要引入 box-shadow、投影、模糊或任何 z 轴深度,页面是平面叠平面。
  • 行、页头或容器不要圆角,唯一圆润元素是 9999px 状态圆点。
  • 不要添加按钮、行动入口或任何暗示操作表面的元素,导航靠点击行,而非按按钮。
  • 不要引入第二字体家族,系统一个字体、一个字重、多个字号。
  • 不要用粗、半粗或中等建立层级,层级只来自字号与位置。
  • 不要把正文 lineHeight 限在 1.20、展示限在 1.00,这些紧密值是标志,而非缺陷。