Evervault

一家高端数字加密硬件商店，采用深色饰面与亮白色点缀。

采用高对比度深色模式，以纯白排版在深海军蓝背景上获得最大可读性。

geometric-sans · monospaced

• display64px · 500
• body18px · 400
• caption12px · 500

为大型展示标题使用紧凑的字间距。 · 为正文保持充裕的行高以提升可读性。 · 为技术数据可视化使用等宽字体。

采用充裕的垂直间距，128px分区以实现清晰的内容分隔。

1px solid rgba(255, 255, 255, 0.1)

0 4px 6px -1px rgba(0, 0, 0, 0.3)

采用标准12列网格，最大容器宽度为1280px。

内容区域采用微妙的淡入效果 · 按钮上平滑的hover过渡

平滑的背景色变化或微妙的透明度调整。 · 通过缩放或透明度提供即时视觉反馈。

• button 高对比度白色按钮搭配深色文字与圆角药丸造型，辅以描边幽灵按钮。
• card 透明面板，由等宽数据模式和细边框定义。
• chip 小型大写标签，圆角设计并带有微妙背景色。
• hero 大型左对齐文本块，包含辅助段落和双重行动号召按钮。

• 语气 专业、权威且高度技术化。
• 标题风格 简短有力的陈述，强调信任与规模。
• 按钮文案 直接且行动导向，使用对比强烈的白色填充。

• 不要使用多种高饱和度强调色——截图展示的是严格的黑白深色模式调色板。
• 不要使用装饰性或花体字体——截图展示的是干净、几何感的无衬线排版。
• 不要使用复杂卡片边框或厚重阴影——截图使用低透明度细线进行分隔。
• 不要使用浅色模式背景——截图严格采用深色模式，使用深海军蓝/黑色背景。
• 不要使用俏皮或圆润的UI元素——截图保持锐利、专业的边缘和药丸形按钮。
• 不要使用居中对齐的主标题文本——截图展示的是强烈的左对齐文本块。
• 避免: 口语化表达
• 避免: 过度装饰元素
• 避免: 模糊的营销套话