---
name: "Microwaver59"
description: "这是一个克制的粗野主义网页设计的典范，证明有限的配色和强大的排版能够创造出令人难忘的高端体验。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#000000"
  primary: "#FCFCFA"
  line: "rgba(252, 252, 250, 0.2)"

typography:
  body:
    fontFamily: monospace
    fontSize: 19.2px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "3.456px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

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

---

## Overview

一个单色、排版驱动、高度交互的作品集界面。

*一个鲜明、实验性的设计工作室着陆页。*

## Colors

高对比度单色，仅使用黑色、白色和一种微妙的灰色。

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FCFCFA`)** — uses `ink` token
- **Borders (`rgba(252, 252, 250, 0.2)`)** — uses `line` token

## Typography

- **Display:** monospace
- **Body:** monospace
- **Mono:** monospace

- 所有文本均为大写
- 全部使用等宽字体，营造技术感、统一的美感
- 所有文本元素采用宽松的字间距

## Layout

全出血、单栏布局，各部分采用大量内边距。

*Rhythm:* 严格对齐 4px 基础网格，内部间距紧凑且一致。

## Elevation & Depth

- 0 0 0 1px rgba(252, 252, 250, 1)
- Borders: 1px 实线边框用于交互元素和结构划分。

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** 简洁的矩形按钮，采用大写等宽文本，默认悬停时带下划线。
- **card:** 卡片主要通过排版和微妙的悬停状态来定义，而非厚重的容器。
- **chip:** 在提供的截图中未明显出现。
- **input:** 在提供的截图中未明显出现。
- **hero:** 一个动态、居中的排版标志动画，可变形为进度指示器。

## Do's and Don'ts

**Don't:**
- 不要使用彩色渐变 —— 截图显示为严格的黑白单色调色板。
- 不要在主要元素上使用圆角 —— 截图显示为尖锐的矩形边缘。
- 不要使用多样的字体粗细 —— 截图显示几乎所有文本都使用统一的粗体。
- 不要使用左对齐文本 —— 截图显示为居中、对称的布局。
- 不要使用标准句子大小写 —— 截图显示所有内容均为大写。
- 不要使用宽字间距 —— 截图显示文本排列紧密、紧凑。

---

## System Prompt (paste into AI agent)

```
这是一个鲜明、实验性的作品集界面，以严格的单色调色板（黑色 #000000 和灰白色 #FCFCFA）为特征。排版完全采用等宽字体、粗体、大写并收紧字间距，营造出技术和粗野主义美感。布局居中且极简，极度强调交互动画，如变形标志和进度指示器。关键的“不要”包括：避免容器使用圆角、使用彩色渐变、应用标准句子大小写或使用多样的字体粗细。设计依赖于极端对比和微妙、有弹性的过渡，而非装饰性元素或多种颜色。
```