---
name: "Phantom"
description: "现代金融科技品牌的优秀范例，在活泼美学与安全感、信任感之间取得了平衡。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FDFCFE"
  primary: "#3C315B"
  tertiary: "#AB8FF8"
  neutral: "#86848D"
  line: "rgba(60,49,91,1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 96px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-2.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 4px
  md: 8px
  lg: 16px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

一款趣味且易用的加密货币钱包，用于交易和管理数字资产。

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

## Colors

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

- **Background (`#FDFCFE`)** — uses `bg` token
- **Primary text (`#3C315B`)** — uses `ink` token
- **Accent (`#AB8FF8`)** — uses `accent` token
- **Muted (`#86848D`)** — uses `muted` token
- **Borders (`rgba(60,49,91,1.0)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** humanist-sans

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

## Layout

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

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

## Elevation & Depth

- 0px 0px 4px 0px rgba(226,223,254,1)
- Borders: 1px 实线边框，颜色与墨色匹配

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 16px
- `pill`: 999px

## Components

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

## Do's and Don'ts

**Don't:**
- 不要为按钮或卡片使用尖锐、硬朗的边角 —— 截图显示的是圆角设计。
- 不要使用纯黑白配色方案 —— 截图显示的是以紫色为主导的调色板。
- 不要为正文文本使用衬线或等宽字体 —— 截图显示的是人文无衬线字体。
- 不要让首屏区域显得局促 —— 截图显示的是充裕的间距和大尺寸文本。
- 不要使用过于复杂或杂乱的导航 —— 截图显示的是简洁的顶部栏。
- 不要使用生硬、突兀的过渡效果 —— 截图显示的是平滑、优雅的缓动曲线。

---

## System Prompt (paste into AI agent)

```
Phantom 是一款友好且安全的加密货币钱包应用。设计采用深紫色 (#3C315B) 作为主墨色，背景为浅色、略带紫调的白色 (#FDFCFE)，并搭配活泼的浅紫色点缀 (#AB8FF8)。排版采用自定义的圆润人文无衬线字体，兼具趣味性与信任感。关键禁止事项：1) 不要为 UI 元素使用尖锐的方形边角，2) 不要使用冷色调的纯企业风配色，3) 不要使用通用的无衬线字体，4) 不要创建没有留白的密集信息型布局，5) 不要使用突兀、线性的过渡效果。
```