Intra
白色基底、大字排版与网格布局。
INO
白色基底、宽松留白与大幅摄影展示。
页面以白色为基底。字体采用 Sequel100Wide、Arial。视觉特点包括宽松留白、大幅摄影展示、渐变展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 仅使用 Sequel100Wide 字体 400 字重——绝不使用粗体或斜体。单一字重即为品牌声音。
- 所有界面文本统一使用大写，字间距 1.5px，字号 11px，较大尺寸时略微减小。大小写与字间距完成其他场景中由字重和字号承担的功能。
- 保持严格无色的配色方案。允许的色彩仅限于 #212123、#ffffff、#000000、#999999 和 #a6a6a7。禁止引入任何色相。
- 将主要导航锚定在页面底部，居中显示，使用 8px 圆形实心/空心指示器表示状态。绝不使用顶部页眉栏进行站点导航。
- 为产品摄影提供满幅填充空间，无卡片内边距、无边框、无阴影。由图像本身定义卡片边界。
- 各区块之间使用 80–120px 的垂直空白或满幅填充的专题摄影分隔。绝不使用彩色条带、渐变分隔线或细分隔线分隔区块。
- 所有胶囊形控件（过滤器、标签）使用 50px 圆角，导航圆点指示器使用 9999px 圆角。卡片使用 8px 圆角或零圆角。
建议避免
- 不得引入品牌色、强调色或任何色彩表达。1% 的色彩饱和度目标即为品牌身份。
- 不得使用粗体或中等粗体字重。整个字体系统始终处于 400 字重。
- 不得为卡片、按钮或导航元素添加阴影、内阴影或任何立体效果。平面性是表面语言。
- 界面文本的字号不得超出 11px–18px 范围。大尺寸显示会破坏整体比例。
- 不得将导航置于页面顶部，或使用固定定位页眉。底部导航即为站点地图。
- 不得在链接悬停状态使用下划线、颜色变化或字重变化。悬停时唯一允许的链接状态变化是出现 1px Obsidian Ink 下划线。
- 不得使用 表情符号、彩色图标或多色图标。同心圆标识是唯一的图形元素——图标按设计完全缺席。
