Polecat
www.polecat.agencya 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.
Design tokens
- 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.
Related references
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.
Bindery
nicheFilm Production
The reference for boutique NYC production studios — full-bleed video tile mosaic on warm off-white, condensed black serif wordmark, GSAP+Lenis scroll choreography over a soft pastel palette that cycles per section.
Brand Appart
strongCreative Studio
The reference for Paris startup design agencies — Youth chunky-sans display, cream parchment paper, orange ©-superscript wordplay, live Paris clock, Webflow + Lenis + Splitting.js stack.
Cappen
strongCreative Studio
The reference for award-winning Miami creative dev studios — extreme typographic range (200 to 900 weight, 10 to 300px scale), three premium fonts, left/right-anchored hero positioning, PageLayer + Splitting.js stack.