CURATED · OPEN · FREE

Stripe Press

A premium publishing imprint presenting books as curated artifacts.

EditorialBooksPremiumTypography

↓ Download design system (22 MB)Open in OpenDesign

Visit: https://press.stripe.com

📦 Browse pack contents →

Identity DNA

IntellectualCuratedPublishingCraftProgress

A modern digital library for ideas of progress.

Color

#FFFFFFInk

#D0D1D4Ink soft

#201819BG

#504F4FMuted

rgba(255,255,255,0.1)Line

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

Typography

transitional-serif

display56px · 600
heading25px · 600
body16px · 400

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.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Vertical rhythm driven by content blocks and book spine spacing.

Surfaces

sm · 2px

md · 3px

lg · 0px

pill · 999px

Minimal; primarily 1px solid white with low opacity for dividers.

0 4px 24px rgba(0,0,0,0.4) for book spines

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

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

Motion & Interaction

150msmicro

200mssmall

500msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

Smooth scroll-linked transitions for book spine reveals. · Opacity and transform animations for page load and navigation.

Subtle opacity changes or slight movement on interactive elements. · Standard pointer cursor indicating interactivity.

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.

Voice & Don'ts

Tone Intellectual, refined, and serious.
Headlines Formal, uppercase or title-case serif text.
CTAs Understated and minimal.

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.
Avoid: Playful language
Avoid: Loud colors
Avoid: Heavy decorative elements

Inside the pack — real screenshots

Stripe Press — 桌面滚动分段（90% viewport 步进） — 桌面滚动分段（90% viewport 步进）

Captured from the live site · real computed styles

System prompt

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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko