Resend
近黑色基底、大字排版与细线分隔。
Liveblocks
近黑色基底、细线分隔与网格布局。
页面以近黑色为基底，搭配近白色文字。字体采用 Suisse Int'l、JetBrains Mono。视觉特点包括细线分隔、网格布局、产品图像展示、大幅图像展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有页面以虚空画布（#000000）为基底——禁止引入任何亮色区域或灰度画布
- 将紫光紫（#9f8dfc）和紫外线（#bf7af0）保留用于品牌展示场景：公告胶囊、激活状态、品牌发光效果——禁止作为背景填充使用
- 不同元素间以 1px 灰色边框（#272626）分隔——系统拒绝使用阴影作为分隔手段
- 按钮和输入控件使用 4px 圆角，卡片和面板使用 8px 圆角——圆角不得超过 12px
- 标题使用 Suisse 400 字重，字间距 -0.02em，字号范围 48-64px——紧凑的无衬线节奏不可更改
- 仅在产品编辑器和代码块内部显现霓虹辅助色系（青色、电蓝色、粉红）——营销界面保持单色
- 在产品截图上叠加手绘笔触注解——这是系统的标志性人性化层
建议避免
- 禁止使用任何彩色 CTA 按钮填充——不存在紫色/紫粉色按钮；操作按钮为白色填充或白线描边
- 禁止使用盒阴影实现层级感——系统通过 1px 边框和表面亮度层级来区分不同表面，而非阴影
- 标准组件的圆角不得超过 8px——系统保持锐利与临床感，而非柔和
- 禁止使用原始品牌色呈现合作伙伴标志——所有内容需去饱和，转为钢灰色（#918d8d / #a3a3a3）
- 禁止在正文文本中使用色彩——文字为骨色（#edecee）或白色，绝不使用彩色
- 禁止添加区块背景色（无灰条，无亮色区域）——虚空必须保持连续无断
- 禁止将手写注解字体替换为 Suisse——手绘笔迹是刻意的对比点
