Twingate
近黑色基底、胶囊形控件与大字排版。
Windsurf
深蓝色基底、胶囊形控件与渐变展示。
页面以深蓝色为基底，搭配白色文字。局部操作控件以青绿色强调。字体采用 tomatoGrotesk、DM Sans。视觉特点包括胶囊形控件、渐变展示、分屏构图、大字排版。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 每页与每区块背景设为 #011c42 Midnight Navy，深画布就是品牌身份。
- #34e8bb Bioluminescent Teal 专用于主要操作与文字内导航链接，它是唯一允许承载交互含义的彩色。
- 所有展示标题用 tomatoGrotesk 300，让 48-96px 尺度而非字重承载权威。
- 所有按钮、徽章和标签用 9999px 圆角，胶囊是标志按钮形。
- 卡片、输入框与产品预览表面用 6px 圆角。
- 首屏或功能区块中的蓝→紫→粉渐变流极光丝带，是唯一色彩奇观。
- 正文用 DM Sans 16px / 行高 1.56，字间距 -0.34px，形成舒适阅读密度。
建议避免
- 展示标题绝不用 600+，低声纤细 300 是标志选择，粗展示会背离系统。
- 单个组件绝不添加多种彩色强调，色板有纪律，蓝绿用于操作，其余中性或表面。
- 页面背景绝不用白或浅灰，深画布是品牌，浅区块会像另一个站。
- 多数元素绝不用不透明度 > 0.25 的重投影，深度来自深色对比，而非浮起叠层。
- 按钮绝不用 0px 方角或 >12px 大圆角，9999px 胶囊是唯一正确按钮圆角。
- 展示绝不用系统字体，标题必须 tomatoGrotesk 或其替代，几何性格是关键结构。
- 极光渐变绝不用在按钮、文字或交互元素上，只作装饰，限于首屏丝带与大型背景艺术。
