Escape Coffee Company

Item: Escape Coffee Company
Rating: 7.3

Montreal specialty coffee roaster selling beans and subscriptions online.

escape.cafe Save page

7.3/10MABTU rating

DESKTOP · 1440 × 7,206/ ↗

Escape Coffee Company Home page, desktop

MOBILE · 390

Section outline · Home

01heroWave photo, huge condensed caps, product card strip1,924
02collectionsLandscape photo beside bag packshot, carousel arrows1,354
03missionSlate-blue textured band with framed portrait and coordinates1,543
04subscriptionSplit headline around photo, steps and subscribe1,280
05footerBlack footer, newsletter, photo, links

Rating · Home

Visual design8.0

UX & clarity7.2

Originality7.8

Craft & consistency7.4

Motion6.0

Performance & a11y6.0

This page scores 7.3; the site score weights the home page double.

Main colours

Light·off white background·mono

Typography

TWK Lausanneheading · font · self-hosted TWK Lausannebody · font · self-hosted Molitoraccent · font · self-hosted

Stack & style

Swiper Shopify GSAP GSAP ScrollTrigger Lenis SplitType / Splitting

Bold typography Editorial Photography-led Floating CTA Hamburger-only nav Marquee Page transitions Parallax Pinned sections Process steps Smooth scroll Sticky header Text reveal

Also: Cloudflare, Meta Pixel

Design DNA

Off-white canvas with a tall condensed display sans in all caps and small uppercase body text. The hero is a full-bleed crashing wave with 'Go against the grain' stacked huge in white, and a translucent strip of three coffee product cards with prices along the bottom plus a ticker of arrows. A collections carousel pairs a moody rock landscape with a bag packshot. A slate-blue mission band frames a street portrait inside a roof-tile texture with coordinates, and 'Never run out' splits across the page around a small photo for subscriptions before a black footer.

Worth borrowing

Stack a four-word manifesto in huge condensed caps over full-bleed landscape photography.
Run product cards as a translucent strip along the bottom of the hero.
Split a short headline across the page with a small photo wedged between the words.