OpenServ
白色基底、衬线字形与渐变展示。
(dot)connect
白色基底、圆角卡片与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 AeonikPro、DotConnect。视觉特点包括圆角卡片、紧密字距、细线分隔、分屏构图。适合参考的场景：建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 每个视口仅使用 Ember (#fd5321) 作为单个 CTA——若在屏幕上出现两次，其效果将完全丧失
- 在 72px 及以上标题中，字间距设为 -0.025em，正文尺寸则放松至 +0.010em——这种不对称性是字体风格的标志
- 所有卡片设置 20px 圆角，所有按钮为 24px，胶囊形元素为 44-48px——同一组件家族内禁止混合使用 8px 与 20px
- 不同区块之间以骨质画布上的 96px 垂直间距分隔——空白空间即是布局系统本身
- 使用箭头胶囊按钮（深色填充，圆形图标）用于内联的‘更多’操作，而非 Ember CTA——将 Ember 保留用于右上角页眉和关键转化时刻
- 在所有 AeonikPro 文字中启用 'dlig'、'ss02'、'ss08' 字体特性——这些风格替代是品牌语调的一部分
- 使用 #c1c4c2 细线边框 (1px) 作为结构元素，而非阴影——该系统以边框驱动，而非层次驱动
建议避免
- 不要使用阴影或投影效果——该系统没有层次语言；深度来自色调表面的渐变变化
- 不要在 Ember 与 Ember、或 Ember 与 #001011 表面之间直接叠加而不测试对比度——橙色在深灰背景上可能产生不舒适振动
- 不要将正文文字设置在 16px 以下或 21px 以上——字体层级刻意跳过小字号以维持可读信心
- 不要将 #007aff 用作填充背景——它仅作为透明描边强调色；填充蓝色破坏了单色-橙色的逻辑
- 不要添加装饰性渐变、光晕或模糊效果——该系统为扁平、带边框且高对比度
- 不要将正文段落右对齐——正文始终左对齐；仅标题可居中
- 不要使用笔画粗细低于 1.5px 或高于 2px 的图标——图标系统与 1px 边框语言保持一致
