OpenServ
白色基底、衬线字形与渐变展示。
Svelte
白色基底、衬线字形与居中构图。
页面以白色为基底，搭配近黑色文字。字体采用 EB Garamond、Fira Sans。视觉特点包括衬线字形、居中构图、分屏构图、产品图像展示。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 所有段落文本使用EB Garamond 22px / 行高1.5——衬线正文是网站的语气核心
- 品牌字标、文中链接以及箭头型行动号召（CTA）必须使用Svelte Ember #d43008，禁止作为按钮或卡片的填充色
- 首屏和区块标题使用DM Serif Display 500字重，54px，居中，使用Carbon #141414
- 所有UI界面元素使用Fira Sans 14px：导航、按钮、标签、输入框、辅助文本
- 行动号召使用全大写英文文本链接，并在末尾加箭头，例如“GET STARTED →”；不要采用带彩色填充的方框按钮，再在其中写“Get Started”。
- 保持画布为纯白色 #ffffff，仅由Fog #f2f2f2处理唯一表面变化（输入框、悬停高亮）
- 保持区块间40px间距，内容列内水平内边距为48px
建议避免
- 不要将DM Serif Display用于正文——仅限于54px的展示性标题使用
- 不要添加阴影、卡片抬升或渐变背景——设计为扁平，依赖空白区域实现分隔
- 不要使用带填充的主色按钮——操作以带箭头的文本链接形式呈现
- 不要引入额外的强调色——Svelte Ember是唯一的色彩令牌；其余均为灰阶
- 不要在内容元素上使用大于4px的圆角；56px仅保留用于搜索胶囊（胶囊形）
- 不要将像'被知名公司使用'这样的展示性标题左对齐——应居中
- 不要在标题中使用无衬线字体——Garamond正文与DM Serif Display的衬线对比是网站的标志性特征
