---
name: "Antoniouve"
description: "这是一个优秀的范例，展示了富有表现力、趣味性的网页设计，优先考虑个性和动态而非僵化的结构。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFC900"
  primary: "#000000"
  neutral: "#7A7A7A"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 123px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"
  h1:
    fontFamily: geometric-sans
    fontSize: 34px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 26px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: geometric-sans
    fontSize: 9px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 17px
  md: 17px
  lg: 429px
  pill: 429px

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

---

## Overview

一个充满趣味的插画与动画作品集，以充满活力的黄色色调、粗犷的黑色字体和零散的异想天开图形元素为定义。

*一本从页面上跳下来开始跳舞的速写本。*

## Colors

高饱和度、温暖的黄色背景，搭配锐利的黑色字体，以实现最大冲击力和趣味能量。

- **Background (`#FFC900`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#7A7A7A`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

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

- 所有文本使用几何无衬线字体
- 标题文本保持紧凑的行高

## Layout

全宽主画布，带有散布的绝对定位图形元素。

*Rhythm:* 灵活的间距，关键交互元素采用宽松的内边距。

## Elevation & Depth

- Borders: 1px solid black

## Shapes

- `sm`: 17px
- `md`: 17px
- `lg`: 429px
- `pill`: 429px

## Components

- **button:** 圆角药丸状按钮，带黑色边框和 24px 内边距。
- **card:** 圆角容器，尽管主要视觉是散布的浮动元素。
- **hero:** 巨大的 123px 标题，与纯黄色背景上的抽象动画形状重叠。

## Do's and Don'ts

**Don't:**
- 不要使用白色背景——截图显示的是占主导地位的黄色
- 不要使用衬线字体——截图显示的是几何无衬线文本
- 不要做得极简——截图显示的是一个布满零散、彩色形状的画布
- 不要使用柔和的淡色——截图显示的是饱和的黄色、橙色和粉色点缀
- 不要使用尖锐的角落——截图显示的是圆角和药丸状元素
- 不要使用僵化的对齐——截图显示的是零散、重叠的图形元素

---

## System Prompt (paste into AI agent)

```
这是一个为插画师和动画师准备的趣味性、富有表现力的作品集。它被定位为一个有趣、创意且平易近人的工作室。主色调是温暖的黄色 (#FFC900) 搭配实心黑色 (#000000) 文字。字体采用几何无衬线字体类别，大号展示文本最大 123px，小号 UI 文本为 9px。关键禁忌：切勿使用白色或深色背景，切勿使用僵化的网格结构，切勿使用衬线字体，切勿以生硬或过于企业化的方式呈现元素。布局是全视口画布，带有零散、重叠的彩色图形元素。
```