---
name: "Magic Eden"
description: "可作为高性能暗黑模式专业Web3领域市场界面的典范范例。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#15111d"
  primary: "#f2f2f3"
  secondary: "#858094"
  tertiary: "#ea4141"
  neutral: "#4d3d5c"
  bg-soft: "#1e1929"
  bg-quiet: "#2a2337"
  line: "rgba(35, 30, 47, 1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "-0.5px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

一个充满活力的暗黑模式市场，用于购买、出售与发现NFT。

*霓虹灯照耀的数字藏品集市*

## Colors

深紫黑色背景搭配亮白色文字，并以霓虹粉与亮绿色作为点缀色。

- **Background (`#15111d`)** — uses `bg` token
- **Primary text (`#f2f2f3`)** — uses `ink` token
- **Secondary text (`#858094`)** — uses `ink-soft` token
- **Accent (`#ea4141`)** — uses `accent` token
- **Muted (`#4d3d5c`)** — uses `muted` token
- **Borders (`rgba(35, 30, 47, 1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans
- **Mono:** monospace

- 界面主要使用Inter作为无衬线字体。
- 标题与强调部分使用粗体。

## Layout

响应式网格用于藏品卡片与表格。

*Rhythm:* 采用标准4px网格系统。

## Elevation & Depth

- 0px 1px 2px 0px rgba(0, 0, 0, 0.05)
- Borders: 1px solid #231e2f

## Shapes

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

## Components

- **button:** 圆角按钮，主操作使用实心填充（粉色），次要操作使用细微边框。
- **card:** 深色卡片，带有细微边框与8px圆角，用于展示NFT藏品集。
- **chip:** 药丸形标签与状态指示器（例如：“精选”、“热门”）。
- **input:** 深色主题输入框，带有细微边框。
- **hero:** 水平滚动轮播，展示精选藏品卡片。

## Do's and Don'ts

**Don't:**
- 不要使用浅色背景——截图显示的是深紫黑色界面。
- 不要使用衬线字体——截图显示的是简洁现代的无衬线风格。
- 不要到处使用圆角——截图显示卡片为锐利的8px圆角。
- 不要使用多种主色调——截图显示的是克制的色板，仅以粉色和绿色点缀。
- 不要使用拥挤密集的布局——截图显示的是宽敞的间距与清晰的视觉层次。
- 不要使用细微低对比度的边框——截图显示的是清晰深色的边框来分隔元素。

---

## System Prompt (paste into AI agent)

```
Magic Eden是一个领先的Solana NFT市场，专为熟悉Web3的用户设计。其界面采用深紫黑色背景（#15111d）的暗黑模式，并点缀有霓虹粉（#ea4141）和绿色（#41e78a）等鲜明色彩。排版使用简洁的无衬线字体（Inter），标题加粗，正文16px。关键组件包括8px圆角的藏品卡片、药丸形标签，以及用于展示精选项目的水平轮播。避免使用浅色主题、衬线字体或过度装饰的元素。该设计优先考虑清晰度、可信度，以及数字资产交易的易用性。
```