Frontier AI LLMs

暖白色基底、渐变展示与居中构图。
页面以暖白色为基底,搭配近黑色文字。字体采用 Arial。视觉特点包括渐变展示、居中构图、细线分隔、网格布局。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 默认页面背景使用#fffaeb,整页画布绝不采用纯白;白色仅用于需要从羊皮纸上浮起的卡片表面。
- Ember橙色(#fa520f)只作为小型功能性标点出现,包括箭头图标、M标志、激活指示符和小型强调形状。除了首屏风景,它绝不填充大面积表面。
- 所有字体保持400字重,层级来自字号和字间距,而非加粗;标题低语而不高喊。
- 每个字号都使用-0.025em字间距,将系统无衬线字体收紧为仿佛经过定制雕琢的形态,尽管它由浏览器自带。
- 所有抬高元素都使用暖色阴影组,染为rgba(127, 99, 21, 0.x)色调;绝不用冷灰阴影,它会破坏篝火色板。
- 按钮圆角设为6px,标签9999px,利落按钮与柔软胶囊之间的对比是视觉词汇的一部分。
- 组内间隔12px,组间32px,区块之间80-96px;呼吸空间就是品牌,不要挤得密集。
建议避免
- 不要引入新彩色,系统为奶油色+黑色+唯一橙色,任何新色相都会稀释标志性特征。
- 不要使用600或700字重,整个排版系统以400和字号层级运作,引入粗体会破坏避免高喊的美学。
- 不要使用冷灰阴影,即低alpha值的#000000;始终将阴影染为暖橄榄金(127, 99, 21),以保持色板。
- 按钮或卡片不要使用9999px圆角,胶囊圆角仅用于标签、标签块和筛选标签。
- Ember橙色不要填充按钮背景;它是品牌强调而非操作颜色,唯一填充按钮颜色是#000000。
- 不要将纯#ffffff用作页面背景,温暖画布(#fffaeb)是系统核心表面,相比之下白色页面显得冷冰生硬。
- 单一内容块不要叠加超过两种字号,层级必须通过字号跃迁一眼可读,而非累积尺度。