Yellow Fellow
yellowfellow.tva playful production company built entirely in olive-and-lemon, where a spinning sliced-lemon preloader, a winking eye logo and a thumbs-up cookie notice set a deliberately silly tone over a tight monospace-plus-serif type system, animated wall-to-wall with GSAP and ScrollTrigger.
Design tokens
- display
- abril-text
- body
- TheBasics
- mono
- TheBasicsMono
Do / Don't
Reference it for
- Total commitment to one playful theme: a single-fruit palette (olive #5C693D on lemon-cream #F7FFE4, chartreuse #C4C800 accent) carried into every element, including the preloader and cookie notice.
- Character-driven motion: named GSAP @keyframes (lemon-bounce, badge-spin, bobble, stretch, marquee) that give a motif personality, not just reveals.
- A three-voice type system: grotesque (TheBasics) + mono (TheBasicsMono) + display serif (abril-text) covering structure, labels and editorial.
- Personality in the boring bits: a thumbs-up cookie notice, a winking-eye logo, a percentage lemon preloader, the details most sites neglect.
- Uniform soft transitions (0.25s ease) under busy keyframe motion, so micro-interactions stay calm while the motifs play.
Do not copy
- The lemon, the winking eye and the thumbs-up are yellow-fellow's identity; borrow the commit-to-a-motif idea, not these props.
- TheBasics / TheBasicsMono are bespoke/licensed and abril-text is a Typekit face; map to a grotesque + mono + display-serif trio of your own.
- The wall-to-wall whimsy suits a playful creative studio; on a serious or trust-led brand the spinning fruit and thumbs-up read as unprofessional.
- Thirteen keyframes is a lot; lift two or three motifs, not the whole circus, or motion becomes noise.
Signature moves
commit-to-one-motif palette system
a single playful theme is carried into every element including preloader and cookie notice, a single-fruit palette of one deep ink on a cream canvas with one accent
named character-motion keyframes
named GSAP @keyframes (lemon-bounce, badge-spin, bobble, stretch, marquee) give the motif personality beyond plain reveals, kept calm by uniform 0.25s ease transitions
three-voice grotesque + mono + serif system
structure, labels and editorial split across a grotesque, a mono and a display serif so each role has a distinct voice
Related references
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
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.
Alejandro Mejias
nicheDesign Portfolio
A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.
Analogue
strongCreative Studio
a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.