---
name: "DIA Studio"
description: "该网站是极简主义编辑设计的典范，运用严格的衬线字体和基于网格的镶嵌布局，为创意作品打造了高度专业且精心策划的呈现效果。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#949494"
  neutral: "#949494"
  bg-quiet: "#EEEEEE"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.125
    fontWeight: 450
    letterSpacing: "0px"

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

一个设计与创新工作室，通过高对比度、基于网格的编辑式界面呈现其作品。

*一个在精致、注重排版的空间中精心策划的设计作品画廊。*

## Colors

严格的单色色板，优先考虑最高对比度和中性呈现，以突出作品本身。

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

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif

- 所有界面元素使用衬线字体（JJannon）。
- 保持紧凑的行高（约1.1），营造紧密、密集的排版感觉。
- 使用方括号作为操作和筛选器的标准界面分隔符。

## Layout

一个严格、密集的瀑布流网格布局，不同宽高比的图片紧密排列。

*Rhythm:* 紧凑、对齐网格的间距，最小化垂直内边距，优先考虑密度。

## Elevation & Depth

- Borders: 无可见界面边框；分隔通过留白、颜色对比和网格对齐实现。

## Shapes

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

## Components

- **button:** 无传统按钮；交互通过用方括号包裹的纯文本链接处理。
- **card:** 项目卡片仅为纯摄影缩略图，以密集、无边框的网格形式呈现，无覆盖层。
- **chip:** 分类筛选器为用方括号包裹的基于文本的列表项。
- **input:** 搜索由一个简单的、用方括号包裹的文本提示表示。
- **hero:** 主视觉区域不是一张大型图片，而是一个连续、不间断的镶嵌网格作品展示，从视口顶部延伸而下。

## Do's and Don'ts

**Don't:**
- 不要使用圆角——界面严格保持尖锐的矩形。
- 不要使用强烈的强调色——网站完全依赖单色色板。
- 不要使用按钮组件——交互是方括号中的文本链接。
- 不要使用投影——界面完全扁平。
- 不要使用无衬线字体——网站严格基于衬线字体。
- 不要在瀑布流网格中创建大的垂直间隙——网格应紧密排列。

---

## System Prompt (paste into AI agent)

```
该网站是一个设计工作室作品集，采用严格的单色色板（#000000墨色搭配#FFFFFF和#EEEEEE背景）。排版仅限过渡衬线字体（JJannon），行高紧凑。布局为密集、无边框的瀑布流摄影网格。交互使用方括号包裹的文本链接而非传统按钮。关键十六进制颜色为#000000用于文字/边框，#FFFFFF用于背景。关键禁忌：避免任何圆角，切勿使用无衬线字体，不引入任何强调色。设计优先考虑精致、编辑式的感受，让作品通过高对比度和基于网格的结构自行发声。
```