AI for Business

浅灰色基底、渐变展示与大字排版。

页面以浅灰色为基底，搭配近黑色文字。字体采用 SuisseIntlCond、SuisseIntl。视觉特点包括渐变展示、大字排版、细线分隔、产品图像展示。适合参考的场景：AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

所有显示标题使用 SuisseIntlCond 700 字重，字号在 48-130px 之间，行高为 0.9，始终全大写，行高紧密
将温暖画布（#e5e5e5）作为页面背景，永不使用纯白色——灰色是画布基调，使白色卡片显得更突出
卡片使用 24-64px 的圆角，导航胶囊为 48px，按钮为 4-8px——圆角尺度大而明确
将 #d1ffca（薄荷绿绿）保留用于标签和链接背景；将 #fff100（黄）保留用于邮件高亮和微小强调元素
所有卡片保持扁平——无阴影，无渐变。深度来自画布、白色和黑色表面之间的色彩对比
导航栏高度设为 8rem，搭配一个浮层胶囊形容器，圆角为 48px，居中置于栏内
正文和按钮标签使用 16px/500 SuisseIntl；元数据和列表项使用 14px/500 SuisseIntl

建议避免

绝不为卡片或按钮添加盒阴影——系统明确为扁平设计
避免使用纯白色（#ffffff）作为页面背景——始终使用 #e5e5e5 画布作为内容下方的基调
不要在大区域填充中使用彩色——绿色和黄色仅作为强调色，用于小元素
绝不将显示标题的行高设高于 0.95——紧密的行高是形成压缩编辑块的关键
绝不使用大小写混合的标题——所有显示和次级标题均为全大写
避免将 SuisseIntlCond 字号设低于 48px——该无衬线字体专为超大显示设计，不适用于正文
绝不为卡片使用细微灰边框——优先使用表面色彩对比而非 1px 边框来分隔

正在读取模板权限…

使用指南

# AI for Business — Style Reference
> Brutalist editorial showroom on warm gray
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Dayos runs on a brutalist-editorial logic: near-monochrome canvas (#e5e5e5 page, #ffffff cards, #000000 blocks), oversized uppercase display type squeezed into 0.9 line-height, and zero shadows or gradients. The single chromatic accent is a pale mint green (#d1ffca) used sparingly on tags and links, with yellow (#fff100) as a near-neon highlight on small elements. Components are heavy on border-radius (24-64px on cards, 48px on nav pills) and light on decoration — flat surfaces, thin or zero borders, no elevation effects. Typography does all the emotional work: compressed condensed headlines at 130px tower over 16px body text, creating a dramatic scale ratio. The hero pairs a massive black headline with a 3D physical object render (textured cubes with brand labels), establishing a tactile, material-product feel against the clinical canvas.

AI for Business

使用规范

建议采用

建议避免

相似设计语言

Attio

Home

Raw Materials

xAI

Pietrastudio

Alejandro Mejias