Screenshot of Yellow Fellow

Yellow Fellow

yellowfellow.tv

a 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.

Film Production Creative Production Company niche

Design tokens

olive
lightolive
darkolive
vividolive
oliver
black
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