---
name: Stripe Press
description: "An excellent example of a premium editorial site that uses 3D objects as primary UI elements within a dark, refined aesthetic."
version: alpha

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

A premium publishing imprint presenting books as curated artifacts.

*A modern digital library for ideas of progress.*

## Colors

Dark, warm background creating a premium gallery atmosphere where colorful book objects are the focal point.

- **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

- Use Ivar Headline and Ivar Text (transitional serif) for all editorial content.
- Maintain consistent light letter-spacing (0.32px) across all text elements.
- Book spines use a mix of serif and monospaced typography.

## Layout

Full-viewport vertical scroll focused on stacked 3D book objects.

*Rhythm:* Vertical rhythm driven by content blocks and book spine spacing.

## Elevation & Depth

- 0 4px 24px rgba(0,0,0,0.4) for book spines
- Borders: Minimal; primarily 1px solid white with low opacity for dividers.

## Shapes

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

## Components

- **button:** Minimal text-based or simple pill-shaped buttons.
- **card:** 3D rendered book objects acting as interactive cards.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Stacked 3D book spines on a dark background.

## Do's and Don'ts

**Don't:**
- Don't use sans-serif fonts for headlines — screenshot shows serif fonts.
- Don't use bright, neon backgrounds — screenshot shows dark, muted backgrounds.
- Don't use complex grid layouts — screenshot shows a stacked vertical layout.
- Don't use rounded corners on primary containers — screenshot shows sharp corners.
- Don't use multiple competing accent colors — screenshot shows colors confined to book objects.
- Don't use heavy drop shadows — screenshot shows subtle, realistic lighting on 3D objects.

---

## System Prompt (paste into AI agent)

```
Stripe Press is a premium digital publishing imprint with a dark, intellectual aesthetic. The primary background is a deep warm black (#201819) with white (#FFFFFF) and muted gray (#D0D1D4) text. Typography is entirely transitional serif, specifically the Ivar family, maintaining a formal and editorial tone. Key interactions involve smooth 150ms transitions and scroll-linked animations. Critical donts: never use sans-serif for headlines, never use bright neon backgrounds, never use complex grid layouts, never use rounded corners on containers, never use multiple competing accent colors, and never use heavy drop shadows. The layout is a vertical stack of 3D book objects centered in a full-viewport container.
```