Polecat

www.polecat.agency

a startup studio that throws out the scrolling landing page entirely and turns its homepage into an explorable illustrated island, a cartoon archipelago floating on a dotted cyan sea, divided into districts (Contacts Area, Service District, Works Town, About Island) you pan and zoom through, with info pins instead of a nav bar.

Creative Studio App Development Studio niche

Design tokens

black
white
grey-light
cyan-sea
purple-loader
display
ABC Camera Plain
body
ABC Camera Variable
mono
none

Do / Don't

Reference it for

  • The map-as-homepage idea: replacing a scroll with an explorable, zoomable illustrated world where districts are the navigation.
  • A committed, characterful preloader as a deliberate first act (typed copy plus a counter), setting tone before the content arrives.
  • Bouncy overshoot easings (cubic-bezier(0.26,1.27,0.95,1.08), cubic-bezier(0.745,0.755,0.405,1.545)) for playful, springy interactive feedback.
  • A clean token system (22 CSS custom properties: --font-*, --space-*, a --mobile-breakpoint) under a wild visual surface, proof that a playful site can still be tidily engineered.
  • A bold display grotesque (ABC Camera) set very large with tight negative tracking as the only typographic voice.

Do not copy

  • The illustrated island and its districts are Polecat's entire identity and an enormous bespoke art effort; admire the concept, do not clone the world.
  • The no-scroll, pan-and-zoom map is a high-risk interaction pattern (discoverability, accessibility, mobile, SEO); only attempt it where the brief genuinely wants a playground, not an information site.
  • ABC Camera is a licensed Dinamo typeface; map to a similar quirky display grotesque.

Signature moves

committed characterful preloader as a first act

a deliberate preloader with typed copy plus a counter sets tone before the content arrives, treated as a first act rather than a spinner.

bouncy overshoot easings for springy feedback

playful overshoot easings (cubic-bezier(0.26,1.27,0.95,1.08) and cubic-bezier(0.745,0.755,0.405,1.545)) give springy interactive feedback under a wild surface, kept tidy by a 22-property token system.

single bold display grotesque set very large

one quirky display grotesque (ABC Camera) set very large (to 176px) with tight negative tracking is the only typographic voice.