Symbolic.ai

编辑风格新闻室,位于奶油底纸上。采用衬线字体的日报标题,漂浮于温暖的米白色纸张上,搭配软棕阴影,使每个卡片都仿佛是通过凹版印刷设定的——而非渲染生成。
Symbolic.ai 的阅读体验如同一份印刷版日报被重新设计为软件界面:温暖的奶油底色(#fdfcf5),搭配纯黑色墨水文字,软棕阴影替代冷灰,搭配编辑性衬线字体标题(Suisse Works)与人文风格无衬线字体(Open Runde)用于正文和界面元素。整个界面从不显得冷冰冰——卡片如轻盈漂浮于奶油纸上,阴影带有温暖的黄褐色调(#d5d0b8),即使是最简单的抬升也呈现出印刷感,而非数字感。色彩使用极为克制:黑色用于所有主要操作和边框,深青色表示已验证/正确状态,单一鲜明的紫色标记 AI 处理中状态。红色仅作为印章式点缀。系统信任空白区域和字体粗细来构建层级,而非依赖色彩或强烈抬升。
查看原始网站使用规范
建议采用
- 使用 #fdfcf5 作为页面背景,仅用 #ffffff 用于卡片和抬升表面——暖色与冷色之间的对比是系统的基础
- 所有 20px 及以上标题使用 Suisse Works(或 GT Sectra);绝不以无衬线字体替代编辑性展示字体
- 为所有卡片应用温暖的黄褐色阴影 rgba(213, 208, 184, 0.4) 0px 2px 6px ——绝不使用冷灰阴影
- 标准卡片和输入控件使用 8px 圆角,大型功能展示卡片使用 24px,所有按钮和 AI 处理指示器使用 10000px(胶囊形)
- 使用 Ink Black(#000000)作为唯一主要操作色——CTA 按钮需实心黑色填充,不使用渐变,不使用色彩替代
- 将 Editorial Teal(#10756a)保留用于验证和‘正确’状态;将 AI Violet(#6938ef)保留用于活跃处理标签
- 在 Geist Mono 中使用现在分词形式的 AI 标签并带尾部省略号('正在改写...','事实核查...')——动词进行时是系统表达‘机器正在工作’的主要方式
建议避免
- 不要引入彩色 CTA 按钮——黑底白字是系统唯一的操作语言
- 不要使用纯白色(#ffffff)作为页面背景——整个氛围由奶油底色(#fdfcf5)构成
- 不要使用冷灰阴影(rgba(0,0,0,...))——所有抬升必须基于温暖的黄褐色底色
- 不要在 20px 以上标题中混用无衬线字体——衬线与无衬线的区分是结构性的,而非装饰性的
- 不要将 Stamp Red(#f42c2b)用于按钮、错误提示或破坏性操作——红色仅保留用于编辑性印章点缀
- 不要扁平化字级体系 — Suisse Works Book (450) 是标题字重;不要为强调提升到 Bold (700),应使用字号和行高
- 不要添加强于 0.4 不透明度的投影阴影——系统始终仅限于柔和的印刷纸张抬升效果,绝不会出现悬停 UI 面板