Aaru 网站预览
Aaru 网站预览

Aaru

近黑色基底、紧密字距与细线分隔。

页面以近黑色为基底,搭配白色文字。字体采用 abcOracle、gtPantheon。视觉特点包括紧密字距、细线分隔、宽松留白、扁平表面。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 所有UI元素默认使用330字重,400字重仅用于超过两行的正文段落。
  • 所有16px及以下文字使用正字间距(0.025–0.080em),20px及以上文字使用负字间距(-0.025至-0.050em)。
  • #ebfb10只用于每个视图中唯一最重要的操作,限定在公告栏和主要CTA。
  • #1019ec作为铺满画面的区块背景,以表达语气转变,绝不用作小型强调填充。
  • 用反转颜色的1px边框分隔层次,即深色上用白色、蓝色上用黑色,不使用阴影。
  • 保持8px基础单位的节奏;所有内边距和间隔都应采用8、10、12、16、20、24、30、32或40px。
  • 按钮、输入框和标签的圆角保持0px,唯一允许的圆角是卡片表面的6px。

建议避免

  • 不要使用粗体(600+)或半粗体(500+)字重;系统只通过330与400之间的字重对比表达。
  • 任何元素都不要应用投影、box-shadows或辉光效果。
  • 不要引入额外彩色;色板严格限定为黑色、白色、三种灰色、青柠色和电光蓝。
  • 不要在浅色背景上将蓝色或青柠色用作文字颜色,两者只用于背景或按钮填充。
  • 正文不要居中;整个系统以左对齐阅读,并采用非对称构图。
  • 任何组件的圆角都不要超过6px;系统保持棱角分明的终端感。
  • 低于12px的文字不要采用大写字母的宽字间距处理,最小字号已经具备足够的节拍感。