ToyFight

Item: ToyFight
Rating: 7

Manchester design studio for brand, digital and content work.

toyfight.co Save page

7.0/10MABTU rating

DESKTOP · 1440 × 2,987/ ↗

MOBILE · 390

Section outline · Home

01header104
02heroThe Unmistakably Original® Design Studio900
03features gridWe Help Our Partners Solve for Today While Building Towards Tomorrow857
04features gridLatest1,004
05footer227

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.6

Craft & consistency7.4

Motion6.5

Performance & a11y4.0

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

Main colours

Mixed sections·black background·mono

Typography

FK Raster Groteskheading · sans · self-hosted Spezia Condensedbody · font · self-hosted

Stack & style

Lenis Next.js React Three.js Prismic

Minimal Playful 3D Rounded / soft Hamburger-only nav Hero video Smooth scroll Sticky header Text reveal Transparent header

Also: Vercel, Google Analytics

Design DNA

Off-white ground with a light serif headline whose individual words sit inside rounded pastel highlight pills in lilac, mint and pink, so the sentence reads as loose stickers. A rendered white handheld console with a colourful screen floats above it. A black band follows with a right-aligned serif claim, a short studio paragraph and a lilac video card. Work is two unequal project cards, one cream and one black, with tag chips; a Latest column lists jobs, awards and news as yellow-highlighted one-liners.

Worth borrowing

Wrap individual headline words in rounded pastel highlight pills so a serif sentence reads playfully.
List jobs, awards and news as one-line rows with a coloured highlight on the category word only.
Give project cards opposite backgrounds (cream and black) in the same row to break grid monotony.