---
name: "Bernerkuhl"
description: "此站点是'少即是多'编辑理念的完美范例，其排版与摄影承担了主要表现力。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#fafaf9"
  primary: "#000000"
  neutral: "#c7c7c7"
  bg-quiet: "#ffffff"
  line: "rgba(0,0,0,0.2)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 20px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: transitional-serif
    fontSize: 12px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

采用编辑式、画廊美学的极简时尚电子商务。

*高端时尚画廊目录。*

## Colors

单色方案，聚焦于米白背景上的高对比度黑色。

- **Background (`#fafaf9`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#c7c7c7`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.2)`)** — uses `line` token

## Typography

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

- 导航和关键标签使用大写字母。
- 保持紧凑行距，营造精致、紧凑的感觉。
- 整体使用标准字重 (400) 以保持一致性。

## Layout

桌面端采用边缘到边缘的图像，过渡到干净的白色背景和结构化的产品网格。

*Rhythm:* 各区块间留有充足留白，产品展示区域采用紧凑、结构化的网格。

## Elevation & Depth

- Borders: 输入框与分割线采用 1px 实心黑色锐利边框。

## Shapes

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

## Components

- **button:** 极简的纯文字按钮，通常使用大写字母，有时附带一个小的实心方块指示符。
- **card:** 无边框的产品卡片，完全依赖高质量摄影。
- **chip:** 用于产品编号的小型圆角白色标签。
- **input:** 仅底部有边框的极简输入框。
- **hero:** 大型、全出血的分屏图像或单幅主题摄影。

## Do's and Don'ts

**Don't:**
- 不要在卡片或容器上使用圆角——截图显示为锐利的直角边缘。
- 不要使用粗体字重——截图显示所有文本均统一使用字重 400。
- 不要使用鲜艳的点缀色——截图显示严格使用黑白灰单色方案。
- 不要在 UI 元素上使用投影——截图显示完全扁平化的设计。
- 不要对正文使用复杂的多栏布局——截图显示非常简洁、通常为单栏的结构。
- 不要使用标准无衬线字体——截图中所有排版均使用一种独特的过渡衬线体。

---

## System Prompt (paste into AI agent)

```
一个时尚品牌的极简编辑式电子商务平台。设计采用单色方案，以米白背景 (#fafaf9) 上的黑色 (#000000) 为主，并点缀柔和的灰色 (#c7c7c7)。排版严格使用过渡衬线体，字重统一为 400，导航和关键标签采用大写字母，行距紧凑。布局为边缘到边缘的高质量摄影，过渡到干净、无边框的产品网格。关键约束：绝不使用圆角或投影；保持严格的单色配色方案；导航和关键标签始终使用全大写；界面中任何地方都不使用粗体字重。
```