Resend
近黑色基底、大字排版与细线分隔。
React Email
近黑色基底、产品图像展示与细线分隔。
页面以近黑色为基底，搭配白色文字。字体采用 Inter、CommitMono。视觉特点包括产品图像展示、细线分隔、等宽字体、居中构图。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 所有标题和CTA都采用Inter 500字重；中等字重在深色画布上具有存在感，却不厚重。
- 68px展示字号采用-0.05em letter-spacing，按比例缩至16px正文的-0.008em；这让标题锐利，而非松散。
- 每个主要CTA都配一个CommitMono终端命令徽章，二者是视觉同级，而非主从；对开发者来说，安装命令才是真正CTA。
- 所有交互表面都采用内嵌细线阴影（rgba(255,255,255,0.1) 0px 0px 0px 1px inset, rgba(255,255,255,0.15) 0px 1px 0px 0px inset），形成机加工边缘感。
- Neon Cyan（#52e1fe）和Beacon Teal（#25aeba）只留给产品可视化辉光与品牌图标，绝不用于文字或UI控件。
- 任何代码相关分区都保持代码在左、预览在右的分屏模式；它从结构上展示产品价值主张。
- 主要分区之间设为80px间距，分区内部元素间隙12px，以保留舒适编辑式节奏。
建议避免
- 不要采用厚重投影表现抬升；系统使用内嵌细线边框和几乎无法察觉的1–2px阴影，而非Material式抬升。
- 不要引入Neon Cyan、Beacon Teal和Amber三种强调之外的饱和颜色；2%色彩丰富度是定义系统的限制，而非意外。
- UI中的Inter不要采用600或700字重；系统上限500，700只出现在邮件预览的系统字体栈内部。
- 不要统一所有圆角；系统刻意混用2px徽章、8px按钮、12px卡片、18px面板和24px首屏表面。
- 文字或按钮背景不要采用青色或青绿；这些颜色在产品图像后方发光，不作为功能UI出现。
- CTA不要置于浅色背景上；整个系统为深色模式，白色CTA在Obsidian上形成对比，在Sleet上则会失去这一对比。
- UI元素不要采用渐变；唯一渐变是产品可视化后方的氛围径向辉光，而非按钮、卡片或文字渐变。
