Twingate
近黑色基底、胶囊形控件与大字排版。
ClickHouse
近黑色基底、细线分隔与扁平表面。
页面以近黑色为基底，搭配近白色文字。字体采用 Inter、Basier。视觉特点包括细线分隔、扁平表面、居中构图、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- Electric Lime（#faff69）仅用于主要操作和每个区块唯一最重要的高亮，每个视口作为填充元素绝不出现超过一次。
- 所有深色表面由五级层叠构建：Void Black（#151515）→ Carbon（#1f1f1c）→ Graphite（#282828）→ Slate Dark（#343434）→ Iron（#3a3a3a），让色相而非阴影定义高度。
- 卡片和按钮默认8px圆角，9999px仅用于胶囊风格标签和状态指示符。
- 展示标题采用72–96px Inter、900字重和1.0行高，页面按每个区块一条巨大陈述设计。
- 所有大写眉题标签采用Electric Lime、0.1em字间距＋12px Inter 600，这是系统的终端语气。
- 区块间隔保持80px，卡片内边距24–32px；深色画布比浅色主题需要更多呼吸空间，因为没有明暗转折让目光重置。
- 任何代码、CLI或终端内容采用Inconsolata 16px、600字重，字体切换表示读者已进入开发者领域。
建议避免
- 除每个区块唯一主要操作外，其他任何内容都不要使用Electric Lime；稀释青柠色会使其失去磷光辉光。
- 青柠元素不要使用白色投影或辉光，#fbff46 box-shadow设计变量负责辉光，叠加效果会显得廉价。
- 不要引入新颜色，不用蓝、紫或红作次要强调；系统是二元的，深中性色或电光青柠色。
- 卡片或按钮圆角不要大于8px，系统利落而非柔软，9999px只属于胶囊。
- 不要用浓重投影表现高度，依靠五级表面层叠和1px Iron边框；阴影在近黑色上本来就会消失。
- 同一区块不要混用多种标题字体；Inter处理20px至96px尺度，Basier是专门用途字体，而非同等伙伴。
- 正文不要低于14px或高于18px；系统的段落严格采用紧凑14–18px范围，让72–96px展示文字承担高喊。
