Expressvpn

一面安全、可靠的数字护盾。

高对比度的中性色，辅以单一、可信赖的青绿色作为主操作色。

transitional-serif · humanist-sans

• display56px · 600
• body18px · 400

衬线字体仅用于主要标题，以传达权威感和高端品质。 · 无衬线字体用于所有 UI 元素、导航和正文内容，以确保可读性。 · 高对比度的黑色文本专用于主标题。 · 次要文本采用柔和的蓝灰色调，以减少视觉杂乱。 · 字号比例在展示标题和正文字号间建立了强烈的层次，以引导用户视线。 · 全大写样式仅用于小型导航标签和徽章。

基于一致的 4px 单位，垂直间距宽松，以保持整洁、不杂乱的视觉感受。

1px solid rgba(26, 43, 60, 0.1)

0 4px 12px rgba(0,0,0,0.08) · 0 12px 24px rgba(0,0,0,0.06)

主要内容采用居中单列布局，导航栏为全宽，并设有固定位置的推广横幅。

模态浮层和横幅采用平滑的淡入过渡效果。 · 按钮和导航链接上有微妙的 hover 效果。

交互元素在 hover 时产生微妙的背景色变化或透明度改变。 · 通过轻微的缩放或颜色变化提供即时视觉反馈。

• button 圆润的药丸形按钮，深青绿色实心背景配白色文字；次要按钮采用描边样式。
• card 干净的白色卡片，带有微妙的阴影、柔和的圆角和极简的边框。
• chip 小巧、圆润的徽章状元素，用于标签和平台图标。
• input 简洁、圆角的输入框，带有细微的边框和清晰的 focus 状态。
• hero 大号、有冲击力的标题，采用过渡性衬线字体，居中置于浅色背景上，配有醒目的行动号召按钮和浮动 UI 元素。

• 语气 权威、自信且值得信赖。
• 标题风格 直接、以利益为驱动的陈述，使用过渡性衬线字体。
• 按钮文案 以行动为导向，带有紧迫感，使用粗体、圆角的按钮。

• 不要使用低对比度文本传达主要信息——截图显示了白色背景上的高对比度深蓝/灰色文本。
• 不要使用过于圆润、气泡状的 UI 元素——截图显示了卡片和按钮上克制、适中的圆角半径。
• 不要完全依赖无衬线字体处理所有文本——截图显著地使用了过渡性衬线字体作为主标题。
• 不要使用混乱的配色方案——截图显示了严格的中性色调，并辅以单一的主青绿色点缀。
• 不要在主视觉区域堆砌过多元素——截图显示了中心标题周围有充足的留白。
• 不要在主交互元素上使用尖锐的 90 度角——截图显示了药丸形按钮和柔和、圆润的角落。
• 不要对长句使用全大写——截图显示了全大写仅谨慎用于简短的、大写的导航或徽章标签。
• 避免: 不确定或模糊的语言
• 避免: 未经解释的过度技术性术语
• 避免: 攻击性或危言耸听的恐吓性言辞
• 避免: 杂乱无章的布局