Ankar AI

白色基底、渐变展示与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 Switzer Variable、Kibitz Pro Light。视觉特点包括渐变展示、宽松留白、衬线字形、网格布局。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有展示和标题文本均使用 Kibitz Pro Light 字重300——绝不可使用粗体以弥补层级感;层级应通过字号来体现
- 在所有24px及以上衬线字体上,将字间距设置为 -0.01em
- 使用 #171717 作为填充按钮的背景色,而非纯黑色 #000000——略微抬升的黑色呈现出墨水质感,而非虚空
- 所有矩形UI元素(按钮、导航项、链接)的圆角半径保持4px——仅在图标容器中允许使用100px
- 将区块间距设为80px,并将内容限制在最大1200px的居中列内
- 技术标签、元数据和眉题标签使用 Space Mono 12px——绝不可用于正文段落
- 通过深色表面(#1f1f1f、#171717)来建立视觉层级,而非添加投影阴影
建议避免
- 不要引入色彩强调——该系统为严格单色,任何色彩都会破坏编辑基调
- 不要在衬线字体中使用粗体(600及以上)字重——低语式字重是其标志,加重会削弱层级感
- 在展示尺寸上不要将行高设得高于1.10——紧致的雕刻式行高才让48–64px的尺寸显得具有建筑感
- 不要为卡片、按钮或导航添加投影阴影——设计本意为平面,阴影会破坏编辑氛围
- 不要使用胶囊形(完全圆润)按钮——4px圆角读作精确且专业,胶囊形会显得消费化或随意
- 不要将系统无衬线体作为任何面向用户的界面内容的默认字体,仅限于工具级微文本
- 不要对正文段落或长篇描述进行居中对齐——应左对齐,并使用最大宽度的列