---
name: "Co Projects"
description: "该网站是展示原始主义/极简主义网页设计的范例，其特点是以几何形式作为主要视觉语言，而非传统UI组件。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFF"
  primary: "#000000"
  line: "rgba(229, 231, 235, 1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 60px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

一个极简、高对比度的个人作品集网站，由巨大的几何形态主导。

*一件冷峻的建筑模型或一幅大胆的平面印刷品。*

## Colors

严格二元色板：纯黑（#000000）搭配纯白（#FFFFFF）。

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(229, 231, 235, 1.0)`)** — uses `line` token

## Typography

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

- 主要标题和正文使用 'Alpha' 字体系列
- 等宽元素使用 'Takt' 字体系列
- 所有文本元素保持一致的 font-weight: 400

## Layout

非对称分割布局，左右两侧为巨大的几何图形，顶部为极简导航

*Rhythm:* 充足的留白，主要元素之间留有较大的垂直间距

## Elevation & Depth

- Borders: 使用 rgb(229, 231, 235) 的 1px 细边框进行微妙分隔

## Shapes

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

## Components

- **button:** 仅文本的导航链接，光标为指针
- **card:** 无传统卡片；内容以大型几何构图呈现
- **chip:** 在可见设计中不存在
- **input:** 在可见设计中不存在
- **hero:** 以几何圆形/半圆形构图为主导，配有极简文本

## Do's and Don'ts

**Don't:**
- 不要添加圆角——截图显示所有形状均为尖锐的几何边缘
- 不要引入色彩变化——截图严格使用黑色（#000000）和白色（#FFFFFF）
- 不要使用多种字重——截图显示全文统一使用400字重
- 不要添加投影——截图显示平面的2D构图，无深度效果
- 不要创建复杂的导航菜单——截图显示顶部为简单的文本链接
- 不要添加装饰性插图——截图仅使用抽象的几何形态
- 不要使用渐变背景——截图显示纯白色（#FFFFFF）背景

---

## System Prompt (paste into AI agent)

```
Co Projects 是一个极简的实验性个人作品集网站，采用冷峻的黑白配色，并以巨大的几何圆形和半圆形构图作为主要视觉语言。设计特点为纯白色（#FFFFFF）背景，搭配实心黑色（#000000）几何图形和极简导航文本。字体使用属于几何无衬线类别、字重为400的 'Alpha' 字体系列，展示字体大小为60px，正文字体大小为16px。布局为非对称式，留白充足且垂直间距较大。关键特征包括：无色彩变化、无圆角、无阴影、无渐变，以及极少的文本内容。导航由简单的文本链接（'Co Projects'、'Builder'、'About'）组成，光标为指针。所有过渡均应用于所有属性。该网站避免装饰性元素、复杂导航和文字密集的介绍，转而聚焦于大胆的几何形态作为视觉焦点。
```