Twingate
近黑色基底、胶囊形控件与大字排版。
Midjourney
近黑色基底、胶囊形控件与等宽字体。
页面以近黑色为基底，搭配浅蓝色文字。字体采用 JetBrains Mono、DM Sans。视觉特点包括胶囊形控件、等宽字体、网格布局、单栏阅读排版。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 将JetBrains Mono作为所有UI元素（导航、标题、按钮、正文）的主字体——将等宽字体作为视觉标识，而非仅限于代码场景的例外。
- 仅对注册/探索/登录三组按钮应用三色胶囊按钮系统（绿色/琥珀色/红色调，约20%不透明度），不得将标本色系扩展至其他按钮类型。
- 将所有页面背景设为#06051d或其线性渐变变体linear-gradient(0deg, #06051d 30%, #061434)——永远不要使用纯黑色#000000，否则会削弱紫色宇宙深度的感知。
- 所有胶囊按钮使用9999px圆角，所有卡片/图片容器使用8px圆角——不使用中间值；完全圆润与柔和圆润之间的对比是形状系统的精髓。
- 页面标题使用30px JetBrains Mono 400字重，搭配一个小型琥珀色#f0b100图标前缀——绝不提升至粗体，大尺寸下轻盈字重才是其标志性特征。
- 所有内联超链接及扁平导航文本链接必须使用#63b3ed Portal Blue——它是正文内容中唯一完全可见的色彩。
- 保持页面区块间64px的垂直间距，以维持内容区块间宽敞、深海虚无的氛围。
建议避免
- 绝不使用无衬线或衬线字体作为标题字体——DM Sans仅用于正文段落；JetBrains Mono必须主导排版层级。
- 绝不创建实心填充的按钮——胶囊按钮的半透明20%透明背景是系统规范；实心填充破坏了生物发光标本的美学。
- 绝不引入任何浅色背景（如#ffffff、浅灰色）到页面区块中——该设计无浅色模式；所有表面必须保持在#06051d至#314062的深色范围内。
- 绝不使用超过三种强调色调用于按钮——红/绿/琥珀标本三色构成封闭系统；增加新按钮颜色会削弱整体精确性。
- 绝不加粗标题或在UI中任何位置使用500以上的字重——400字重在显示尺寸下是刻意的反常规选择，定义了整体视觉语调。
- 绝不添加装饰性图像或摄影——唯一允许的视觉内容是AI生成的单色渲染及ASCII/生成式文本首屏。
- 绝不为正文段落添加彩色背景——文本内容必须直接置于#06051d宇宙虚无背景上，搭配#cad5e2雾色文字，禁止使用具有对比背景的内容卡片。
