---
name: "Petertarka"
description: "此网站作为一个将 3D 作品作为主要视觉语言的极简、高端创意作品集范例，非常值得收录。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#F0F0F0"
  primary: "#000000"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 38px
    lineHeight: 1.05
    fontWeight: 300
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

一个高端创意作品集，以极简的编辑式排版展示精细的 3D 环境。

*一个策划过的画廊，展示定制的 3D 视觉世界，采用受瑞士风格启发的、简洁的版式布局。*

## Colors

在中性米白色画布与醒目的黑色字体之间形成高对比度。

- **Background (`#F0F0F0`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

- 所有文字层使用几何无衬线字体
- 大标题展示文字使用细体 (300)
- 正文和小元素使用常规体 (400)
- 大标题展示文字使用紧凑的行高

## Layout

一个简洁的网格，在纯色块和空白区域之间交替。

*Rhythm:* 宽大的内边距 (45px) 营造出通透、画廊般的感受。

## Elevation & Depth

- Borders: 使用细薄的 1px 线条，颜色为 rgba(0, 0, 0, 0.1)，使用克制，有时采用不对称方式 (0px 1px 1px 0px)。

## Shapes

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

## Components

- **button:** 极简的文字链接，无可见的按钮容器。
- **card:** 无可见的卡片组件；内容直接呈现在背景上。
- **hero:** 全出血背景色，搭配大型 3D 等距插画和稀疏的排版。

## Do's and Don'ts

**Don't:**
- 不要使用衬线字体 —— 截图显示的是严格的几何无衬线字体系统。
- 不要使用圆角 —— 截图显示的是锐利、0px border-radius 的元素。
- 不要使用复杂的阴影 —— 截图显示的是完全扁平化的表面呈现。
- 不要使用密集的文本块 —— 截图显示的是稀疏、大格式的排版。
- 不要使用高饱和度的界面颜色 —— 截图显示的是中性色板搭配孤立的色块。
- 不要使用装饰性边框 —— 截图显示的是仅有的最小化 1px 分割线。

---

## System Prompt (paste into AI agent)

```
这是一个高端创意代理机构作品集，展示精细的 3D 等距插画。设计依赖于中性米白色 (#F0F0F0) 背景与粗体黑色 (#000000) 字体之间的鲜明对比。排版使用几何无衬线字体类别，展示文字用细体，正文用常规体。布局宽敞，配有宽大的内边距，营造出画廊般的感受。关键颜色是 #F0F0F0 和 #000000。关键禁忌：绝不使用衬线字体，避免圆角，不要使用密集的文本块或复杂的阴影。将焦点集中在 3D 作品上，使用最小、精确的排版干预。
```