OpenServ
白色基底、衬线字形与渐变展示。
OpenAI
白色基底、胶囊形控件与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 OpenAI Sans。视觉特点包括胶囊形控件、紧密字距、细线分隔、非对称构图。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用#000000作为唯一填充按钮颜色——‘尝试ChatGPT’按钮是系统中唯一的色彩标点和填充，任何其他按钮的填充都会削弱其信号
- 将所有边框设为rgba(0,0,0,0.12)，而非灰度十六进制值——半透明黑色能适应背景，并在白色和浅灰色表面保持一致的视觉重量
- 所有按钮、标签和输入框的圆角均设为9999px——胶囊形状是主要的几何特征，必须在所有交互元素中保持一致
- 卡片和图片的圆角设为6px——这一接近零的圆角是刻意选择，使其具有建筑感而非柔软感；避免使用12px或16px，否则会将系统导向‘友好型SaaS’风格
- 正文文本设为17px，行高1.65，字间距-0.01em——稍大的基线和充足的行距营造出编辑性的阅读节奏
- 导航、标签和小标题使用500字重，正文使用400字重，仅在28px标题层级使用600字重
- 信任空白空间而非分隔线——各区块之间通过32-64px的间距和底部外边距分隔，而非水平线或背景色变化
建议避免
- 不要引入强调色、渐变或品牌色彩——系统刻意保持单色；任何色彩添加都会与唯一的黑色CTA竞争，破坏编辑性的氛围
- 不要在卡片或内容表面使用阴影——设计依赖细线边框和空白空间来构建结构；阴影会增加视觉噪音，而系统明确避免此类元素
- 不要在按钮上使用8px或12px圆角——胶囊形（9999px）是标志；非胶囊形按钮会破坏与标签芯片行和搜索输入的视觉连贯性
- 不要使用700或800字重——系统中最重的字重是600，且仅在28px标题层级使用；更重的字重会显得咄咄逼人，与克制的字体风格相悖
- 不要将正文文本设得低于16px——17px是基准值；更小的文本（13-14px）仅用于导航、标签和元数据，以实现功能性的紧凑性
- 不要为区块分隔使用彩色背景——仅通过空白空间分隔不同区块；系统仅有两种表面色调（Paper和Ash），且仅在交互悬停状态出现
- 不要在按钮或文本链接内添加图标——系统以文字为优先；图标仅出现在搜索输入和导航工具区域
