THE LINE

Item: THE LINE
Rating: 8

London animation studio for advertising, music videos and original content.

thelinestudio.com Save page

8.0/10MABTU rating

DESKTOP · 1440 × 9,613/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed animation frame with giant stencil wordmark
02workTilted grey project cards with annotated stills
03aboutCollage photo, short intro, awards list
04logosSlash-separated client names with inline logos
05videoGlitch-striped reel teaser with play label
06newsTwo news cards
07ctaGiant arrow headline
08footerTilted red footer with wordmark, address, links, newsletter

Rating · Home

Visual design8.7

UX & clarity7.8

Originality8.8

Craft & consistency8.4

Motion8.3

Performance & a11y4.0

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

Main colours

Light·light grey background·vivid

Typography

Denimheading · font · self-hosted Denimbody · font · self-hosted

Stack & style

Nuxt Lenis Vue DatoCMS

Bold typography Editorial Illustration-led Video-led Custom cursor Hamburger-only nav Hero video Logo cloud Preloader Smooth scroll Sticky header Transparent header

Also: Netlify, Google Analytics

Design DNA

Full-bleed animated frames set the mood, with a chunky custom stencil wordmark overlaid and a ® mark. Project entries are pale grey cards that tilt slightly like stacked production sheets, each with a large grotesk title, a 'View project' link and technical crop/overscan annotations over the artwork. A plain white studio section pairs a collage photo with a tiny two-column awards list. A slash-separated client list in mid-size grotesk leads into a glitch-striped reel block, a two-card news row, a giant 'Let's Talk' arrow and a tilted red-orange footer carrying the wordmark again.

Worth borrowing

Frame project cards like production sheets with overscan and action-safe annotations drawn over the still.
List clients as a single slash-separated run of text with inline logos instead of a logo grid.
Tilt the footer block a few degrees and repeat the oversized wordmark so the page ends on the brand.