---
name: "Verse Sh"
description: "此站点是‘代码优先’作品集的典范，通过严格的等宽字体排版系统和网格布局来展示技术项目。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#000000"
  primary: "#D4D4D4"
  secondary: "#737373"
  neutral: "#737373"
  line: "rgba(23, 23, 23, 1)"

typography:
  display:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"
  h1:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: monospace
    fontSize: 11px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"

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

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

---

## Overview

专注React与Three.js实验的创意开发者极简作品集。

*开发者暗黑模式工作台，展示3D实验成果。*

## Colors

极致简约：纯黑背景搭配浅灰等宽文字与深色细边框。

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#D4D4D4`)** — uses `ink` token
- **Secondary text (`#737373`)** — uses `ink-soft` token
- **Muted (`#737373`)** — uses `muted` token
- **Borders (`rgba(23, 23, 23, 1)`)** — uses `line` token

## Typography

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

- 文本主要采用大写形式。
- 所有文字使用'Commit Mono'等宽字体。
- 不使用400以上字重。

## Layout

双栏网格布局，单元格尺寸统一，边框单元格间无间距。

*Rhythm:* 采用统一的16px内边距与间距，构建结构化网格布局。

## Elevation & Depth

- Borders: 使用1px实线边框（#171717）构建严格的单元格网格。

## Shapes

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

## Components

- **button:** 单元格内的括号文本链接，如[LINK]或[CODE]。
- **card:** 带边框的网格单元格，包含预览图与包含技术栈和链接的页脚行。
- **chip:** 未见使用。
- **input:** 未见使用。
- **hero:** 顶部极简单元格，包含品牌名称、标语和联系链接。

## Do's and Don'ts

**Don't:**
- 勿使用衬线或无衬线字体——全站使用等宽字体。
- 勿使用明亮的强调色——调色板严格限定于黑、灰、白。
- 勿使用圆角——所有元素与边框均为直角。
- 勿使用复杂的多栏布局——站点采用严格的双栏网格。
- 勿使用投影——设计依赖平面边框与背景对比。
- 勿使用粗体或重字重——文本统一使用细体（400字重）。

---

## System Prompt (paste into AI agent)

```
这是‘Verse’的极简开发者作品集。采用纯黑（#000000）背景搭配浅灰（#D4D4D4）等宽文字（Commit Mono）。布局为严格的双栏带边框单元格网格（#171717），内含3D实验与项目链接。关键元素包括技术栈的大写标签（如'REACT + REACT-THREE-FIBER'）和括号链接如'[CODE]'。重要禁忌：避免使用衬线或无衬线字体，避免圆角或阴影，避免明亮强调色。设计纯粹注重功能性与技术性，以清晰展示项目为优先，不强调装饰元素。
```