Phantom

通往加密货币世界的友好、安全门户

以高对比度的紫色为基础的调色板，搭配浅色中性背景和活泼、友好的点缀色。

humanist-sans

• display96px · 400
• body16px · 400

所有文本均使用 Phantom 自定义字体。 · 大尺寸标题使用 -2.4px 的紧凑字间距。 · 排版需保持干净、圆润的美感，以契合品牌形象。

基于 4px 基础单元的统一网格，内容块采用充裕的内边距。

1px 实线边框，颜色与墨色匹配

0px 0px 4px 0px rgba(226,223,254,1)

居中的单栏布局，包含大尺寸沉浸式首屏区域和充裕的留白。

按钮的悬停和点击状态采用平滑过渡。 · 微妙的颜色和背景色过渡。

通过平滑过渡实现微妙的背景色变化。 · 立即反馈，伴随视觉状态变化。

• button 圆角药丸形按钮，采用柔和的背景色和流畅的过渡效果。
• card 简洁的卡片，带有微妙阴影或边框。
• chip 药丸形的导航或筛选元素。
• input 标准文本输入框，采用圆角设计。
• hero 大尺寸沉浸式首屏区域，采用醒目排版和趣味 3D 图形。

• 语气 友好、有趣且值得信赖。
• 标题风格 醒目、清晰，略带趣味。
• 按钮文案 直接、以行动为导向，且引人入胜。

• 不要为按钮或卡片使用尖锐、硬朗的边角 —— 截图显示的是圆角设计。
• 不要使用纯黑白配色方案 —— 截图显示的是以紫色为主导的调色板。
• 不要为正文文本使用衬线或等宽字体 —— 截图显示的是人文无衬线字体。
• 不要让首屏区域显得局促 —— 截图显示的是充裕的间距和大尺寸文本。
• 不要使用过于复杂或杂乱的导航 —— 截图显示的是简洁的顶部栏。
• 不要使用生硬、突兀的过渡效果 —— 截图显示的是平滑、优雅的缓动曲线。
• 避免: 未经解释的过于技术性的术语。
• 避免: 攻击性或令人感到压迫的语言。
• 避免: 杂乱或混乱的布局。

历史提取与模型分析 · 尚未逐项校验