Set.Studio

Item: Set.Studio
Rating: 7.6

UK design and front-end development studio for brands.

set.studio Save page

7.6/10MABTU rating

Home

GET IN TOUCH

DESKTOP · 1440 × 12,881/ ↗

MOBILE · 390

Section outline · Home

01heroHeadline and three framed work cards1,006
02aboutPixel arrow graphic and intro1,252
03featuresThree text columns660
04workThree case study cards912
05teamPortrait row1,136
06servicesDesign, technology, strategy lists626
07aboutPiccalilli badge, experience cards, logos, quotes
08comparisonSet Studio vs traditional agency table
09ctaContact band then red wordmark footer

Rating · Home

Visual design7.8

UX & clarity7.6

Originality7.6

Craft & consistency7.8

Motion5.5

Performance & a11y9.0

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

Main colours

Light·cream background·vivid

Typography

Haffer XHheading · sans · self-hosted Saansbody · sans · self-hosted Hafferaccent · sans · self-hosted

Stack & style

Astro GSAP

Bold typography Editorial Sharp / geometric Logo cloud Process steps Review badges

Also: Netlify, Cloudflare, Fathom

Design DNA

Cream (#F6F1EA) canvas, near-black heavy grotesk headlines with one italic word and a red full stop. Rounded outline frames hold three website screenshot cards. A large pixel-block arrow in black with one red square recurs as the brand motif. Three-column 'why work with us' text, case study cards, a team row of portraits, a three-column capability list, a yellow circular publisher badge, stacked experience cards, logo row, two quotes and a Set Studio vs traditional agency table with red and grey icons. Solid red footer with a huge white wordmark.

Worth borrowing

Pixel-block arrow built from squares, one square in the accent red, as a recurring motif.
Two-column 'us vs traditional agency' table with tick and cross icons.
Headline with a single italic word and a red full stop.