Stripe Press

Reference it for

• One-page editorial bookshelf as the entire structure. No nav, no marketing copy, no CTAs above the fold — just the book grid + a help glyph in the corner.
• A dark #222 page as the gallery wall on which each book cover provides its own colour. Single-page palette diversity from product imagery rather than brand palette.
• Ivar Text / Display / Headline as the three-cut serif system. The italic Ivar Display in the header ("*Ideas for progress*") is a tonal signature.
• 8 CSS custom properties total — the leanest design-token surface in the library. Achievable because the site has one page and one component (the cover card).
• A 380px book-cover-card width in a multi-column grid with 57.6px gaps — book-cover proportions transferable to any product-card grid.
• The "?" help glyph at the bottom-left as the only persistent UI affordance — minimal navigation chrome.
• 5 fonts, 8 images, 0 declared keyframes — among the most performance-conscious flagship sites in the library.
• A Stripe S logo in stacked-bracket form ("$S") — the imprint's mark, distinct from Stripe's parent brand.

Do not copy

• The Ivar family — Letters from Sweden's commercial licence required.
• The single-page-no-marketing structure unless the brand genuinely has a catalogue that IS the value-prop. Most service or product brands need a navigated multi-page site.
• The book-cover-grid pattern outside of editorial / catalogue contexts.
• The 8 custom properties as an aspirational target — clients with multiple page-templates will need more.
• The "?" help glyph as the only navigation affordance — works for Stripe Press because the catalogue is small. On larger sites, more chrome is needed.
• 33 stylesheets and 66 scripts — heavy for what's visually a one-page site. Likely Stripe's enterprise-grade analytics + parent-brand asset chain.