MUUDS

Curated catalog of analyzed web design.

Bennett and Clive

High-fashion production aesthetic built on stark monochrome tension and massive scale contrast. Tightly tracked, ultra-bold sans-serif headlines collide with vast white expanses and raw alpine imagery.

Visit site ↗

Colour

Background#ffffff
Text#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
7
Captured
2026-08-27
Rhythm
dark → light x6

Type rules

  • display typography set with extreme negative tracking (-0.07em) and sub-unit line-height
  • body copy constrained to narrow single-column measures under 25 characters

Colour rules

  • palette is strictly black and white with no accent color
  • photography provides all environmental chromatic color

Voice rules

  • staccato single-word sentences for manifesto copy
  • let brand names and disciplines serve as the primary messaging

Holds it together

  • set all display type in tightly tracked, heavy-weight sans-serif overlapping edge boundaries
  • alternate tight typographic density with multi-viewport white space fields
  • keep the layout strictly black-and-white without colored UI accents

Contrast

text on background21.0:1 AAA
muted text on background21.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
declarative, confident
Sentences
short
Person
first
Vocabulary
plain
Calls to action
about, work

Built with

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

Colour, by area

#ffffff 0%#000000 0%

Sections in page order

3 strongest marked · 7

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

  1. 00

    hero

    A cinematic, high-impact hero layering massive, bold client names directly over a rugged, snow-covered mountain vista.

    Mood
    bold + editorial
    Layout
    9 col · full bleed · balanced
    Open section →
    A cinematic, high-impact hero layering massive, bold client names directly over a rugged, snow-covered mountain vista.
  2. 01

    hero

    An empty, expansive white space acting as an unpopulated hero placeholder.

    Mood
    quiet
    Layout
    8 col · full bleed · airy
    Open section →
    An empty, expansive white space acting as an unpopulated hero placeholder.
  3. 02

    statement

    Stark, ultra-minimalist statement featuring stacked bold black typography against vast white space.

    Mood
    bold + quiet
    Layout
    12 col · asymmetric · airy
    Open section →
    Stark, ultra-minimalist statement featuring stacked bold black typography against vast white space.
  4. 03

    statement

    Strongest

    Stark black-and-white typographic statement pairing tight uppercase copy with an oversized lowercase keyword against expansive white space.

    Mood
    quiet + bold
    Layout
    11 col · asymmetric · airy
    Open section →
    Stark black-and-white typographic statement pairing tight uppercase copy with an oversized lowercase keyword against expansive white space.
  5. 04

    feature

    Strongest

    A stark, high-contrast services list overlapping a dramatic alpine landscape with bold, tightly tracked typography.

    Mood
    bold + editorial
    Layout
    12 col · asymmetric · dense
    Open section →
    A stark, high-contrast services list overlapping a dramatic alpine landscape with bold, tightly tracked typography.
  6. 05

    logo bar

    Strongest

    Monochrome cluster of luxury and fashion brand wordmarks tightly arranged into a dense typographic cloud.

    Mood
    editorial + luxurious
    Layout
    14 col · centered · balanced
    Open section →
    Monochrome cluster of luxury and fashion brand wordmarks tightly arranged into a dense typographic cloud.
  7. 06

    footer

    Ultra-spare typographic footer anchored by live multi-city office clocks and strict black-and-white data columns.

    Mood
    quiet + clinical
    Layout
    9 col · grid · airy
    Open section →
    Ultra-spare typographic footer anchored by live multi-city office clocks and strict black-and-white data columns.

More like this

by shared mood