Screenshot of Patreon

Patreon

www.patreon.com

The reference for an editorial-monochrome creator platform where oversized whisper-light Oracle type (weights 250 to 350, tight negative tracking) is set straight over edge-to-edge human photography, and the entire UI recedes to hairline #1a1a1a pills so the only colour on screen is photographic.

SaaS Product flagship

Design tokens

background
surface
text
textMuted
accent
border
display
Oracle
body
Oracle
mono

Do / Don't

Reference it for

  • Full-bleed hero photography (warm interior, real people) with the headline set directly on top rather than in a text column, no scrim card
  • Oversized display type broken across two baselines: 'Where' top-left, 'podcasts grow' bottom-spanning, roughly 128 to 188px, whisper weight (250 to 350) with tight negative tracking
  • Near-monochrome palette: Paper #ffffff canvas, Obsidian #1a1a1a text and hairline borders, pure black #000000 as the single filled CTA fill, Concrete #959595 for muted text
  • Pill everything: nav links and inputs at 30 to 45px radius, the 'Updates' link ringed in an outlined pill, the search field as a full pill, the filled 'Get Started' as a black-on-white pill
  • Top nav split three ways: left link cluster (Creators, Features, Pricing, Resources), centred wordmark set in letter-spaced caps, right-side Find a Creator / Log in / Get Started actions
  • Zero shadows: depth comes only from 1px hairline borders, white space, and the black-fill vs white-canvas contrast, keep box-shadow off entirely
  • A small circular avatar + one-line caption chip ('Ellis Ever After is building a family podcasting empire') floated over the photo as a live proof-of-creator hook
  • A thin down-arrow scroll cue bottom-left signalling a scroll-driven / video hero rather than a static image

Do not copy

  • The PATREON caps wordmark and the specific brand name typography
  • The proprietary 'Oracle' custom typeface, substitute a whisper-weight grotesque with tight tracking
  • The specific hero photograph (the podcast-couch studio shot) and any real creator portraits or captions
  • The 'Where podcasts grow' headline copy and the Patreon product framing
  • Named creator handles and avatar chips (Ellis Ever After) lifted verbatim