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的文字不要采用大写字母的宽字间距处理,最小字号已经具备足够的节拍感。