Gm Meme
www.gm-meme.comThe reference for hand-drawn doodle-illustrated Webflow microsites — Bowlby One bold display + Inter Tight body on pure white, sketchy comic-book illustrations of muscle-mascots and superhero characters, GSAP + Lenis scroll mechanics on a quirky niche product (crypto meme templates).
Design tokens
- display
- "Bowlby One", sans-serif
- body
- "Inter Tight", sans-serif
- accent
- Knewave, sans-serif
- mono
Do / Don't
Reference it for
- Pure white rgb(255, 255, 255) page + near-black rgb(33, 33, 33) text baseline
- Small saturated chromatic-punch palette (#FF6638 orange, #0B99FF blue, #EBD22F mustard, #DDFC69 lime, #DF5656 rose) — chromatic dots not chromatic fields
- Bowlby One chunky display H1 at 92.8px / -3.2px tracking — wood-type-revival voice
- Inter Tight 700 body at 18px — unusually heavy body weight for emphatic read
- Knewave for handwritten in-body emphasis ("memes", "fun") — comic-book splatter accent face
- Three-font stack Bowlby One (display) + Inter Tight (body) + Knewave (accent) — all free on Google Fonts, indie-friendly
- Hand-drawn black-line illustrations as the primary visual system — characters, mascots, comic-book frames, dialogue bubbles
- Speech-bubble doodles for testimonial / quote callouts ("Hello crypto enthusiasts!", "Probably more profitable")
Do not copy
- The gm-meme name, "Crypto Meme" headline, or "Bug Busters" team copy
- The Bowlby One + Knewave combo verbatim — substitute with a similar wood-type display + a single comic accent for fresher feels
- The 17-canvas decorative load on smaller projects — overkill for most niche brands
- The hand-drawn illustrations of weightlifter-mascots, flying carpets, comic-book characters — these are commissioned art
- The specific 6638 / 0B99FF / EBD22F / DDFC69 / DF5656 punch hex values verbatim — pick brand-coloured punches
- The "Hey buddy!" / "Go work with us" voice unless casual-irreverent is on-brand
- The crypto-meme product positioning
- The Webflow build (substitute Astro for performance + maintainability)
Signature moves
doodle-illustration visual system
hand-drawn black-line illustrations, comic frames, speech-bubble doodles (asymmetric 0/300px/300px ovoid radius) and window-frame photo wrappers carry the whole visual layer on pure white.
wood-type display plus heavy-body type stack
a chunky wood-type-revival display (Bowlby One) at 92.8px / -3.2px tracking over an unusually heavy 18px Inter Tight 700 body, with a comic accent face for in-body emphasis words.
overshoot-back playful hover
an overshoot back-ease cubic-bezier(0.68,-0.55,0.265,1.55) plus an all 0.3s ease workhorse give playful, bouncy hovers across soft 48-52px pill buttons and cards.
Related references
Cindy Shu Therapy
strongOther
A solo therapist's site that breathes - vast warm-cream whitespace, a calm teal serif, and a thin vertical line that literally walks you down the page while the copy says "pause, breathe, connect".
Greenwise Organic Lawn Care
strongOther
A Chicago/Milwaukee organic-forward lawn-care company that earns trust through values and locality - lush landscape photography on a warm navy-gold-cream canvas, a Cormorant Garamond serif, a "Why Choose Greenwise" reassurance band, a service-area map with an availability checker, and a sustainability commitment that makes "organic" feel credible rather than greenwashed.
Ingamana
nicheCreative Studio
a development-studio portfolio that runs as a near-silent black-on-white index, ABC Monument Grotesk set tiny (10-16px), captioned project tiles laid out like a contact sheet, and a single expo-out reveal curve doing all the motion work.
Leoleo Studio
nicheCreative Studio
French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.