Gumroad
gumroad.comThe reference for playful creator-platform branding — chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.
Design tokens
- 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.
Related references
Peloton
flagshipFitness
a connected-fitness retailer that sells premium hardware with sober confidence, near-black ink (#181A1D) on cool greys, Inter doing everything at a wide weight range, friendly 6px radii and a calm 0.3s ease, letting clean product photography and clear pricing close the deal.
Posthog
strongDeveloper Tool
personality as the strategy - a warm, cream-toned developer-analytics site that leans hard into a hedgehog mascot, playful animation and quirky copy to feel human in a sterile category.
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Anthropic
flagshipDeveloper Tool
a warm ivory-and-slate site where editorial serif typography, a single clay accent, and unhurried 0.8s expo reveals reframe AI as a humanist research practice rather than a product to sell.