Twingate
近黑色基底、胶囊形控件与大字排版。
PlanetScale
近白色基底、胶囊形控件与细线分隔。
页面以近白色为基底，搭配深灰色文字。字体采用 系统等宽字体。视觉特点包括胶囊形控件、细线分隔、宽松留白、扁平表面。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有按钮和标签的圆角半径设为9999px；卡片、输入框、标签页和面板则为0px
- 仅将#f35815用作填充按钮的背景色——绝不用于文字颜色、边框或装饰填充
- 所有UI文本均使用ui-monospace字体，正文部分字重为400，标题部分为500–600；禁止使用比例字体
- 在节标题前，用2px宽的#f35815左条作为锚定标识
- 链接颜色默认为#0b6ec5；禁止将链接样式设为按钮，也不要在行内链接上添加背景
- 页面内容宽度限制在960px以内，居中布局；区块间留出56px的间距以保证页面呼吸感
- 使用公告横幅模式（#111111背景搭配#f2b600内联高亮）用于页面顶部的推广信息
建议避免
- 禁止引入比例字体（如Inter、Helvetica等）——等宽字体的单一性是系统的核心特征
- 禁止将#0b6ec5用作填充按钮或CTA按钮的背景色——该颜色仅用于链接
- 禁止添加阴影、光晕或堆叠效果——所有表面必须保持平实
- 禁止将#f2b600用作卡片、按钮或大范围表面的背景色——该颜色仅作为内联强调标记
- 禁止对卡片、输入框或标签页进行圆角处理，保持边缘锐利（0px半径）
- 单个组件内禁止使用超过一个彩色元素——系统为单色加一个强调色
- 禁止用颜色来表示状态（悬停、激活、禁用）——应通过字重变化、下划线和背景反转来体现
