Patreon
www.patreon.comThe 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