M+C Saatchi Abel

Item: M+C Saatchi Abel
Rating: 7.4

Independent South African advertising and creative agency.

mcsaatchiabel.co.za Save page

7.4/10MABTU rating

DESKTOP · 1440 × 10,864/ ↗

MOBILE · 390

Section outline · Home

01heroGiant condensed logo over video stills1,420
02aboutStacked caps manifesto and small text635
03workTwo-column film still grid
04ctaFull-width condensed link, showreel thumb
05valuesBlue, pink, yellow colour blocks
06clientsCondensed name stack with years
07contactStacked caps with photos
08footerBlack footer ending in logo

Rating · Home

Visual design7.8

UX & clarity6.8

Originality8.0

Craft & consistency7.3

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Mc Saatchiheading · font · self-hosted Sofia Pro Azbody · font · self-hosted

Stack & style

GSAP ScrollTrigger GSAP Webflow jQuery

Bold typography Photography-led Swiss grid Hero video Pinned sections Smooth scroll

Also: Google Tag Manager, Cloudflare, Google Analytics

Design DNA

White page ruled by a heavy black condensed sans (Druk-like) in all caps: the logo with a reversed ABEL box, stacked manifesto lines and a full-width 'View more'. Work is a two-column grid of cinematic film stills with tiny client labels. Values are full-bleed colour blocks in electric blue, pink and yellow, each with a big condensed heading and a black-and-white image. A giant 'Our clients' list with years, a stacked 'Contact us' with photos, and a black footer ending in the logo.

Worth borrowing

Full-bleed primary colour blocks (blue, pink, yellow) for each agency value.
Client list set as a centred stack of condensed caps with years in a side column.
Logo lockup with one word reversed out of a black box, reused at page end.