Bennett and Clive

High-fashion production restraint defined by immense whitespace and bold typographic scale. Pure black sans-serif typography anchors vast white expanses, paired with a full-bleed cinematic reel that signals luxury and precision.

rebellious clinical luxurious

Visit site

Rated

6.5/ 10

From 5 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 8.7
Systemmeasured: 5.8
Distinctionmeasured: 1.6

on the grid: 0%
vertical rhythm: 73%
type on a scale: 57%
contrast passing AA: 100%
unlike the library: 0.52
model craft: 7.6/10
model deviation: 6.6/10

Colour

Background#ffffff

Text#000000

Accent#000000

Surface#000000

Muted#000000

Typefaces

Display: InterWeb
Body: InterWeb
Mono: —
Source: self_hosted
Scale: 15 · 16 · 22 · 30 · 45 · 75

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 0px

Capture

Category: agency
Sections: 5
Captured: 2026-09-04
Rhythm: dark → white x4

Type rules

display headlines use tight negative tracking with zero extra line height
body text measures remain under 30 characters per line to create column pillars

Colour rules

strict monochrome palette composed exclusively of pure black and pure white
hero overlays pure white typography directly over full-bleed video imagery

Voice rules

use ultra-short sentences punctuated by full stops
keep metadata labels entirely in uppercase

Holds it together

limit color usage entirely to pure black and white across every element
pair massive display titles with tight, column-aligned uppercase descriptors
maintain multi-screen vertical whitespace intervals between content sections

Contrast

text on background21.0:1 AAA

muted text on background21.0:1 AAA

accent on background21.0:1 AAA

background on accent21.0:1 AAA

Type, measured

Body: 15px / 1
Measure: 22 characters
Display: 150px / 0.77
Tracking: -0.07em display
Scale ratio: 1.78

Voice

Tone: confident, understated, precise
Sentences: short
Person: first
Vocabulary: plain
Calls to action: work, contact

Built with

Builder: —
Framework: nuxt
Motion: —
WebGL: —
Nav: sticky_top_bar, 8 items, sticky
Length: 8.1 screens

Sections in page order

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Oversized bold typography frames an atmospheric, lo-fi full-bleed visual in an experimental agency portfolio hero.
Mood
rebellious + gritty
Layout
2 col · full bleed · balanced
Open section
01
hero
Strong
Stark Swiss-style layout dominated by vast negative space, ultra-bold typography, and an asymmetric diagonal composition.
Mood
clinical + serene
Layout
2 col · asymmetric · airy
Open section
02
statement
A stark, minimalist typography-only capability index right-aligned across vast white space.
Mood
clinical + serene
Layout
1 col · asymmetric · airy
Open section
03
logo bar
Strong
A stark, sculptural typographic cloud of luxury and fashion client names floating in vast white space.
Mood
luxurious + serene
Layout
2 col · centered · airy
Open section
04
footer
Stark Swiss-style footer balancing four columns of precise agency metadata above a massive bold red wordmark.
Mood
clinical
Layout
4 col · stacked · airy
Open section