---
name: "Kaleidografik"
description: "此网站展示了作为作品集策略的极致设计克制——通过仅使用一种字重且零强调色，Kaleidografik 让客户作品的多样性与大胆成为视觉标识。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#ECEAE5"
  primary: "#000000"
  secondary: "#000000"
  neutral: "#000000"
  bg-soft: "#ECEAE5"
  bg-quiet: "#ECEAE5"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 120px
    lineHeight: 0.85
    fontWeight: 400
    letterSpacing: "-2px"
  h1:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 20px
  xl: 24px
  2xl: 48px
  3xl: 75px

---

## Overview

一个为独立创意工作室打造的极简、内容优先的作品集网站。

*一块空白画布，让大胆的客户作品自我表达*

## Colors

采用温暖米白色背景的严格单色画布，完全依赖客户作品提供色彩。

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

## Typography

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

- 所有排版均使用 Suisse Intl Regular 字体，字重为 400
- 导航链接使用 16px 正文字号，活动状态带下划线
- 巨型背景水印文字使用超大尺寸的展示字体

## Layout

采用类似瀑布流的网格，卡片尺寸各异，顶部导航栏，以及大型背景水印文字

*Rhythm:* 采用大量留白，容器内具有 20px 水平内边距和 75px 底部内边距

## Elevation & Depth

- 项目卡片使用 0 4px 20px rgba(0,0,0,0.1) 阴影
- Borders: 容器无可见边框，活动导航项使用 1px 实线黑色下划线

## Shapes

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

## Components

- **button:** 带下划线状态的最小文本链接，无可见按钮容器
- **card:** 项目预览卡片，具有不同宽高比，包含截图和案例研究图像
- **chip:** 带 1px 黑色边框的小型药丸状标签，用于项目元数据
- **input:** 当前视图中不可见
- **hero:** 项目卡片散布在大型淡化背景排版之上

## Do's and Don'ts

**Don't:**
- 不要使用多种字重——截图显示全文统一使用字重 400
- 不要添加装饰性 UI 元素——截图显示纯内容驱动的布局
- 不要使用彩色背景——截图显示一致的 #ECEAE5 米白色
- 不要创建复杂的按钮样式——截图显示带下划线的纯文本导航
- 不要为主容器添加投影——截图显示简洁扁平的卡片呈现
- 不要使用品牌强调色——截图显示完全的单色方案

---

## System Prompt (paste into AI agent)

```
Kaleidografik 是一个独立创意工作室作品集，采用极简、内容优先的设计。网站使用温暖米白色背景（#ECEAE5）搭配纯黑色文本（#000000），创造出单色画布，让大胆的客户作品提供所有视觉趣味。排版完全使用 Suisse Intl Regular 字体，字重为 400，巨型背景水印文字是主要装饰元素。导航是一个简单的三项目水平栏（Work、Studio、Play），活动状态带下划线。项目卡片以非对称瀑布流布局展示，留白充足。关键禁忌：绝不使用多种字重，绝不添加装饰性 UI 元素，绝不引入彩色背景或强调色，绝不创建复杂按钮样式，绝不为容器添加投影，绝不使用品牌强调色。设计理念是极致克制——机构自身网站刻意退后，将客户作品作为视觉中心来展示。
```