Gumroad

gumroad.com

The reference for playful creator-platform branding — chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.

Marketing Platform Creator Marketplace strong

Design tokens

white
cream
black
graphite
yellow
limeYellow
red
muteDark
display
'ABC Favorit', Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif
body
'ABC Favorit', Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif
mono
(none on homepage)

Do / Don't

Reference it for

  • Cream #f4f4f0 page background — warmer than white, distinctive without being beige
  • Chunky black filled pill CTAs ("Start selling") — black background, white text, 9999px radius
  • 3D pink magenta coin illustrations scattered at angles around the hero — bespoke renders of the brand's "G" wordmark as 3D currency
  • ABC Favorit at 96px bold for the hero H1 — paid Dinamo foundry display face
  • Five-colour palette: white / cream / black / signature yellow #ffc900 / signature red #dc341e (pink illustrations are separate renders, not CSS)
  • Inline GitHub star badge with the wordmark — pill-shaped "9.1K ⭐" badge for OSS positioning
  • Dual-action hero: "Start selling" pill CTA + "Search marketplace..." inline input
  • "Contribute or fork on GitHub →" below the hero — OSS credibility signal

Do not copy

  • The ABC Favorit licence (paid Dinamo foundry)
  • The pink magenta G-coin illustrations — bespoke 3D renders of the brand mark
  • The Gumroad yellow #ffc900 and red #dc341e exact hues
  • The "Go from 0 to $1" copy phrasing
  • The 9.1K GitHub star badge — Gumroad-specific OSS positioning
  • The wordmark style (custom-drawn lowercase logotype)

Signature moves

cream ground plus chunky black pill CTA

a cream #f4f4f0 page with chunky black filled pill CTAs (black fill, white text, 9999px radius) feels playful and warm with zero box-shadows, cards relying on borders or surface contrast.

3D wordmark-as-objects scattered hero

3D pink coin renders of the brand mark are scattered at angles around the hero with a subtle parallax-scroll keyframe, replacing stock product shots.

dual-action hero plus active-nav pill

a dual-action hero pairs a "Start selling" pill CTA with an inline search input, and the active nav item gets a black filled pill highlight.