ExpressVPN

近白色基底、衬线字形与圆角卡片。
页面以近白色为基底,搭配深青色文字。局部操作控件以青绿色强调。字体采用 Inter、FS Kim。视觉特点包括衬线字形、圆角卡片、宽松留白、扁平表面。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- Forest Teal(#0f866c)是唯一的彩色填充操作色;主要CTA绝不要替换为蓝、绿或其他色相。
- 主要CTA设为9999px胶囊圆角,购买操作配一个向右箭头图标。
- 展示标题采用FS Kim 46–64px,letter-spacing为-0.016em;Inter留给32px以下的所有文字。
- 所有卡片都采用以中心为锚点的弥散阴影(rgba(0,0,0,0.12) 0px 0px 32px 0px),绝不要采用方向性偏移投影。
- 三种柔和强调表面Peach Cream #ffe4d4、Warm Sand #f0eacf和Pale Mint #c3ece8,克制地作为装饰色洗使用,而非功能背景。
- 全大写信任或保证标签采用Inter 10–12px,字间距0.10–0.14em,形成机构式、自信的语气。
- 画布保持Soft Canvas(#f7f8f9),只有卡片和产品表面才提升至纯白。
建议避免
- 不要引入第二种彩色强调;系统刻意采用单色加唯一用于决策的青绿色。
- FS Kim不要低于18px,也不要用于UI控件;它只是一款展示字体。
- 卡片不要采用0–4px的锐利圆角;系统依靠20–34px圆角呈现柔和、被保护的感受。
- 不要采用厚重方向性阴影或饱和辉光;抬升必须保持弥散且具有环境感。
- 不要在标志组合之外使用红色品牌渐变;红色只留给盾牌徽记。
- 正文字号不要低于14px;10–12px只用于全大写、宽字间距标签。
- 按钮不要反转青绿与白色关系;青绿始终为填充,白色为内部文字,描边变体反转边框和文字,但绝不反转填充。