OpenServ
明亮的磨砂玻璃设计
OpenAI
中午的研究实验室笔记本。
OpenAI的界面运作作为一个排版与编辑画布——纯白色表面，近黑色文字，几乎无色彩身份。该系统以克制为特征：页面中唯一的填充元素是黑色的‘尝试ChatGPT’按钮，它如同一个句号，置于否则单色句子的末尾。黑色不透明度为 12%的细线边框营造结构而不增加重量；卡片带有几乎不可察觉的6px圆角，以低语般的几何感呈现，而非张扬表达。排版承担主要工作：定制无衬线字体（OpenAI Sans）以大二度音程设定，字间距逐步收紧——在显示文本中为-0.03em，正文文本中为正常——使标题呈现出压缩、近乎报纸印刷的权威感。组件整体感觉刻意轻盈：胶囊形控件、透明描边按钮、透明表面以及极低的抬升。视觉氛围是‘研究实验室笔记本’——安静、自信，并信任读者专注于内容而非界面元素。
查看原始网站使用规范
建议采用
- 使用#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），且仅在交互悬停状态出现
- 不要在按钮或文本链接内添加图标——系统以文字为优先；图标仅出现在搜索输入和导航工具区域
