Twingate
近黑色基底、胶囊形控件与大字排版。
Nuxt
近黑色基底、大字排版与紧密字距。
页面以近黑色为基底，搭配白色文字。字体采用 Public Sans。视觉特点包括大字排版、紧密字距、网格布局、细线分隔。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 以 Void Canvas #020618 作为默认页面背景，Midnight Panel #080e21 用于封装产品内容区域。
- 将展示标题设置为 Public Sans 700 字重，尺寸为 72px/72px 或 48px/48px，字间距为 -1.8px 或 -1.2px。
- 使用 Nuxt 信号 #00dc82 作为启动引导操作、版本发布标记、标识 处理以及独立标题强调的填充色。
- 控件和输入框使用 6px 圆角，标准卡片使用 8px 圆角。
- 基于 4px 基础间距单位构建间距系统，元素间距为 8px，卡片内边距为 12px，节区间距为 64px。
- 使用 1px 钢色轮廓 #1d293d 或内嵌的蓝钢 #314158 环形轮廓来勾勒面板和控件，而非柔和的阴影。
- 正文和非激活导航文字使用 Muted Fog #90a1b9；仅将 Signal White #ffffff 用于标题和选中状态。
建议避免
- 不要使用渐变色；界面依赖于平滑的深蓝黑色平面和单一色绿色点缀。
- 不要将控件圆角设计为 9999px 的胶囊形，仅在紧凑的版本发布标记和类似徽章的状态控件中例外。
- 不要使用带有模糊或垂直偏移的阴影；使用 0 0 0 1px #1d293d 的面板边框。
- 不要将所有按钮设为绿色；仅使用 #00dc82 用于转化导向的公开操作，其他情况使用深色或白色辅助变体。
- 不要在功能网格项周围添加大尺寸柔和卡片；功能单元格始终保持无边框，背景为 #020618。
- 不要将展示标题设为半粗体或正向字间距；保持 Public Sans 700 字重和 -0.025em 字间距。
- 不要将生态系统链接色 #42b883、#a156fe 或 #fb848e 作为全局语义状态色使用。
