Twingate
近黑色基底、胶囊形控件与大字排版。
Dashlane
近黑色基底、胶囊形控件与圆角卡片。
页面以近黑色为基底。字体采用 Saans、SaansMono。视觉特点包括胶囊形控件、圆角卡片、细线分隔、分屏构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有标题和统计数字都使用 Saans 字重 300，绝不为了强调提高到 600/700。字号和颜色承担主要表现。
- 首屏标题的第一个单词使用 #a2f6f5 Mint，其余保持 #fcfaf9。这是系统标志性的标点。
- 所有按钮、标签和胶囊控件使用 9999px 圆角；8px 留给卡片，4px 留给输入框和小型界面元素。
- 页面默认背景为 #200f0a Cocoa Black，卡片提升到 #2b2538 Deep Plum；#4d3f3b Aubergine 只用于嵌套强调。
- 主要操作采用薄荷色实心胶囊，并搭配紫罗兰轮廓胶囊作为次要操作。
- 卡片边框使用 #e3ccc0 Warm Sand，不透明度为 0.3-0.5。深色卡片绝不使用 #e5e7eb，因为它显得冷。
- 首屏统计数字的展示字号为 72-100px；较小统计应为 48-56px，绝不低于 36px。
建议避免
- 背景不要使用纯黑 #000000。#200f0a 的温暖感就是品牌。
- Saans 不要使用字重 600 或 700。字体被设计为 300 与 500 之间的双字重对话。
- 同一控件不要同时搭配薄荷色与紫罗兰色。薄荷色承担填充声音，紫罗兰色承担轮廓声音。
- 卡片不要添加投影，改用表面色阶和米色细线。
- 深色表面不要使用 #e5e7eb 边框，切换为 #e3ccc0，以保持暖调一致。
- 不要用矩形按钮打破胶囊规则。唯一例外是 8px 卡片和 4px 输入框。
- 正文不要小于 14px。16px 文字配 1.5 行高，是可读性的底线。
- 文字不要使用白色 #ffffff，始终采用 #fcfaf9，以保持纸张置于可可色上的温暖感。
