---
name: "Zora"
description: "此网站体现了'少即是多'的设计哲学，通过对UI元素的极致克制，确保创作者的视觉内容始终成为绝对焦点。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFF"
  primary: "#121212"
  secondary: "#4D4D4D"
  tertiary: "#00DF00"
  neutral: "#878787"
  bg-soft: "#F5F5F5"
  line: "rgba(77,77,77,1.0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 34px
    lineHeight: 1.18
    fontWeight: 500
    letterSpacing: "-0.84px"
  h2:
    fontFamily: grotesque-sans
    fontSize: 21px
    lineHeight: 1.33
    fontWeight: 500
    letterSpacing: "-0.84px"
  body:
    fontFamily: grotesque-sans
    fontSize: 15px
    lineHeight: 1.33
    fontWeight: 410
    letterSpacing: "-0.225px"
  small:
    fontFamily: grotesque-sans
    fontSize: 13px
    lineHeight: 1.23
    fontWeight: 410
    letterSpacing: "-0.195px"

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

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

---

## Overview

一个极简主义的社交平台，用于分享与收藏数字艺术和NFT。

*数字艺术与Web3收藏者的Instagram*

## Colors

单色UI界面，搭配高对比度文本及用于操作状态的霓虹绿强调色。

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#121212`)** — uses `ink` token
- **Secondary text (`#4D4D4D`)** — uses `ink-soft` token
- **Accent (`#00DF00`)** — uses `accent` token
- **Muted (`#878787`)** — uses `muted` token
- **Borders (`rgba(77,77,77,1.0)`)** — uses `line` token

## Typography

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

- 所有界面文本使用 Monument Grotesk 字体。
- 标题与正文均保持紧凑的字间距。
- 正文使用410字重，强调文本使用500字重。

## Layout

三栏桌面端布局：轻量侧边栏、中央信息流、右侧导轨。移动端为单栏信息流。

*Rhythm:* 基于4px网格的统一间距系统。

## Elevation & Depth

- rgba(0, 0, 0, 0.05) 0px 5px 10px 0px
- rgba(0, 0, 0, 0.07) 0px 15px 25px 0px
- Borders: 1px solid #4D4D4D

## Shapes

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

## Components

- **button:** 主操作按钮为胶囊形（如注册），次要按钮为圆角形（如关注）。
- **card:** 内容卡片拥有大面积媒体区域，元数据置于下方。
- **chip:** 不适用
- **input:** 搜索栏采用圆角设计与灰色占位符文本。
- **hero:** 全宽度媒体流（图片、视频）。

## Do's and Don'ts

**Don't:**
- 请勿使用暖色调色板——截图显示为严格的单色UI搭配绿色强调色
- 请勿使用装饰性衬线字体——截图显示仅使用无衬线字体（Monument Grotesk）
- 请勿使用复杂阴影——截图显示为极简的扁平化层级
- 请勿为使用主CTA按钮采用圆角方形——截图显示为胶囊形的'注册'按钮
- 请勿将深色模式设为默认状态——截图显示为白色背景主题
- 请勿使用多栏文本布局——截图显示内容居中于单栏信息流

---

## System Prompt (paste into AI agent)

```
Zora 是一个极简主义的、以创作者为中心的数字艺术与NFT社交平台。设计DNA包含干净的白色（#FFFFFF）背景，搭配深墨色（#121212）与中性灰（#878787）文本，并以鲜明的霓虹绿（#00DF00）作为强调。字体仅限怪诞无衬线体（Monument Grotesk），正文使用410字重，强调文本使用500字重，并采用紧凑的负字间距。布局遵循三栏桌面端结构，中央信息流与最大宽度为1280px的容器。关键约束：绝不使用装饰性衬线体，避免暖色调色板，并保持4px网格间距。交互快速（120ms）并采用cubic-bezier缓动。
```