在数字化时代,安全与隐私至关重要。采用磨砂玻璃效果和现代极简风格,深蓝色(#1A237E)、灰色(#808080)和白色(#FFFFFF)为主色调,传递专业与可靠性。
- 主色调: 冷色系如深蓝色、靛蓝色,象征信任与专业。
- 辅助色: 渐变色增添活力。
- 中性色: 灰色、白色增强可读性。
无衬线字体如Roboto确保文字清晰现代,标题加粗突出关键信息。
body { font-family: 'Roboto', sans-serif; }
全屏背景图与磨砂玻璃卡片结合,模块化布局清晰划分内容。
.module { background-color: rgba(255, 255, 255, 0.8); }
动效提升体验,模拟磨砂逐渐清晰的动画,按钮悬停光影变化。
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
| 图标名称 | 样式说明 |
|---|---|
| 盾牌 | 线条简约,颜色为深蓝色,代表安全性。 |
| 锁 | 圆润造型,配以渐变效果,强调隐私保护。 |
导航清晰直观,响应式设计适配不同设备,提供流畅浏览体验。