Ankar AI 网站预览
Ankar AI 网站预览

Ankar AI

专利密室开启进入白色工坊——一个暗房首屏,仅有一份被照亮的手稿,逐渐溶解于充足的编辑留白中。

Ankar 作为一种编辑性单色系统:严格使用黑色、白色和灰色,不添加任何色彩强调。首屏是一个满幅深色密室,搭配电影级的径向光爆,其中一款300字重的过渡衬线标题低语式地传递权威,而非喧宾夺主。下方页面则化身为白色工坊——充足的留白,四栏特征卡片,搭配深色渐变表面和白色图标,整体采用冷静的无衬线体正文。整体风格借鉴了法律期刊与建筑专著:严谨、沉静且富有质感。按钮采用克制的4px圆角,保持精确而非亲和的触感,唯一的排版亮点是衬线字体的紧密行高(0.98–1.06),使展示尺寸显得如雕刻般精致,而非堆叠式呈现。

查看原始网站

使用规范

建议采用

  • 所有展示和标题文本均使用 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圆角读作精确且专业,胶囊形会显得消费化或随意
  • 不要将系统无衬线体作为任何面向用户的界面内容的默认字体,仅限于工具级微文本
  • 不要对正文段落或长篇描述进行居中对齐——应左对齐,并使用最大宽度的列