Skip to content
Library

Stripe Press. Cloth-bound spines in a lamplit study.

  • Media
  • Dark theme
  • 6 colors
  • 3 typefaces

Stripe Press is a publisher's catalogue staged as a three-dimensional bookshelf: lit book models stack and turn on a full-bleed Bindery Umber #201819 field while the interface itself nearly disappears. The only chrome above the books is a small Paper #ffffff wordmark with an italic tagline and a left rail of index ticks, so all colour lives in the covers: marbled teal, ochre, kintsugi gold, saturated reds. Ivar Headline at 600 and Ivar Text at 500, both carrying a faint +0.32px tracking on labels, give every line a book-jacket voice. The page closes on a plain white colophon of 25px serif prose, a square Proof Wash #eeeeee field beside a Press Charcoal #222222 Submit button, and an italic address.

Screenshot of Stripe Press
Captured from press.stripe.com on October 17, 2026

Stripe Press design system

Stripe Press

Brand1

  • Full-bleed stage behind the floating book stack and header — a red-tinged near-black that reads as dark cloth binding, not screen black

Neutrals5

  • Wordmark, monogram strokes and index ticks on Bindery Umber, then the whole colophon footer canvas

  • Colophon prose, underlined links, social glyphs and input text on the white footer

  • Square Submit button fill and the dark film backdrop behind the Beneath the Surface series

  • Email field fill, measured as rgba(0, 0, 0, 0.067) over Paper — a faint grey proof-sheet tint instead of a border

  • The single 1px rgba(0, 0, 0, 0.25) hairline separating the colophon prose from the legal and address row

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Bindery Umber

17.41 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.