---
name: "Stripe Press"
description: "这个网站是编辑极简主义的典范，展示了如何通过极致的克制和排版聚焦来创造强大、高级的用户体验。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#201819"
  primary: "#FFFFFF"
  secondary: "#D0D1D4"
  neutral: "#504F4F"
  line: "rgba(255,255,255,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 56px
    lineHeight: 1.05
    fontWeight: 600
    letterSpacing: "0.32px"
  heading:
    fontFamily: transitional-serif
    fontSize: 25px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "0.32px"
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.32px"

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

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

---

## Overview

一个高端出版品牌，将书籍呈现为精心策划的器物。

*一个为进步理念打造的现代数字图书馆。*

## Colors

深邃、温暖的背景营造出高端画廊氛围，使多彩的书籍对象成为视觉焦点。

- **Background (`#201819`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#D0D1D4`)** — uses `ink-soft` token
- **Muted (`#504F4F`)** — uses `muted` token
- **Borders (`rgba(255,255,255,0.1)`)** — uses `line` token

## Typography

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

- 所有编辑内容均使用 Ivar Headline 和 Ivar Text（过渡衬线体）。
- 所有文本元素保持一致的轻字间距（0.32px）。
- 书脊使用衬线体与等宽字体的混合排版。

## Layout

全视口垂直滚动，聚焦于堆叠的3D书籍对象。

*Rhythm:* 垂直节奏由内容块和书脊间距驱动。

## Elevation & Depth

- 0 4px 24px rgba(0,0,0,0.4) 用于书脊
- Borders: 极简；主要使用1px实线白色低透明度作为分隔线。

## Shapes

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

## Components

- **button:** 极简的文本按钮或简单的胶囊形按钮。
- **card:** 作为交互式卡片的3D渲染书籍对象。
- **chip:** 无可见元素。
- **input:** 无可见元素。
- **hero:** 深色背景上的堆叠3D书脊。

## Do's and Don'ts

**Don't:**
- 不要为标题使用无衬线字体——截图显示使用的是衬线字体。
- 不要使用明亮、霓虹色背景——截图显示的是深色、柔和背景。
- 不要使用复杂的网格布局——截图显示的是垂直堆叠布局。
- 不要在主要容器上使用圆角——截图显示的是直角。
- 不要使用多种竞争的强调色——截图显示颜色仅限于书籍对象。
- 不要使用厚重的投影——截图显示3D对象上微妙、逼真的光照。

---

## System Prompt (paste into AI agent)

```
Stripe Press 是一个具有深邃智识美学的高端数字出版品牌。主背景为深暖黑色（#201819），文本为白色（#FFFFFF）和柔和灰色（#D0D1D4）。排版完全采用过渡衬线体，特别是 Ivar 字族，保持正式且具有编辑感的基调。关键交互涉及150ms的平滑过渡和滚动联动动画。关键禁忌：绝不为标题使用无衬线字体，绝不使用明亮霓虹背景，绝不使用复杂网格布局，绝不在容器上使用圆角，绝不使用多种竞争的强调色，绝不使用厚重的投影。布局是一个在全视口容器中垂直堆叠的3D书籍对象。
```