Duncan Brazzil

Stark Swiss modernist minimalism meets unapologetic kinetic energy. Massive uppercase grotesque type forms dense textual blocks against an unyielding black field, letting vibrant portfolio work command all visual attention.

bold quiet

Visit site ↗

Colour

Background#000000

Text#ffffff

Surface#000000

Muted#ffffff

Typefaces

Display: Neue Haas Grotesk Disp Pro
Body: Neue Haas Grotesk Disp Pro
Mono: —
Source: self_hosted
Scale: 10 · 15 · 17 · 33 · 37 · 40

Layout

Grid: 12 columns
Container: 1380px
Spacing base: 4px
Radius: 0px

Capture

Category: portfolio
Sections: 5
Captured: 2026-08-27
Rhythm: dark x5

Type rules

display type set in solid uppercase with ultra-tight leading below 0.9
single typeface hierarchy managed solely through scale and line breaks

Colour rules

strictly monochrome interface of black background and white typography
color is restricted entirely to portfolio media and video frames

Voice rules

all uppercase studio mission headlines
direct and unfiltered client listing with zero adjectives

Holds it together

render display headlines in dense uppercase stacks with near-zero vertical leading
keep the UI strictly binary monochrome with zero decorative interface colors
use thin hairline borders to define micro-badges and video transport controls

Contrast

text on background21.0:1 AAA

muted text on background21.0:1 AAA

text on surface21.0:1 AAA

Type, measured

Body: 10px / 0.84
Measure: 64 characters
Display: 96px / 0.84
Tracking: 0em display
Scale ratio: 1.76

Voice

Tone: declarative, confident, utilitarian
Sentences: short
Person: first
Vocabulary: plain
Calls to action: play, unmute

Built with

Builder: —
Framework: —
Motion: swiper
WebGL: —
Nav: sticky_top_bar, 3 items, sticky
Length: 4.7 screens

Colour, by area

#000000 0%#ffffff 0%

Sections in page order

3 strongest marked · 5

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

00
hero
Monochrome, high-impact studio hero dominated by massive uppercase grotesque type and utilitarian navigation accents.
Mood
bold + raw
Layout
12 col · stacked · dense
Open section →
01
hero
Strongest
High-contrast split-screen video hero radiating raw pop energy with fragmented, oversized typography overlaid across contrasting visual halves.
Mood
bold + raw
Layout
16 col · split · balanced
Open section →
02
showcase
Strongest
Stark black agency portfolio grid contrasting hyper-saturated graphic media blocks with crisp Swiss modernist typography.
Mood
bold + editorial
Layout
14 col · asymmetric · airy
Open section →
03
statement
Massive, wall-to-wall typography with tight leading delivers a punchy, high-contrast studio statement.
Mood
bold + raw
Layout
8 col · full bleed · dense
Open section →
04
footer
Strongest
A stark, high-contrast monochrome footer with clean Swiss typography floating across expansive black negative space.
Mood
quiet + clinical
Layout
12 col · grid · airy
Open section →