MUUDS

Curated catalog of analyzed web design.

Deadwater

A stark, monolithic studio identity defined by massive ultra-condensed typography cutting across pitch-black and deep charcoal grounds. Restrained editorial grid logic and subtle hairline dividers give the content calm, clinical discipline.

Visit site

Colour

Background#111111
Text#ffffff
Accent#ffffff
Surface#000000
Muted#cfcfcf

Typefaces

Display
Body
Mono
Source
Scale
14 · 16 · 24 · 32 · 40 · 46

Layout

Grid
Container
Spacing base
4px
Radius
0px · 4px · 100px

Capture

Category
studio
Sections
7
Captured
2026-08-29
Rhythm
dark x7

Type rules

  • display type rendered in towering ultra-condensed uppercase with tight line height
  • body copy set in lightweight grotesque at 59 characters per measure

Colour rules

  • strictly monochromatic palette with zero chromatic color
  • hierarchy established through text tone stepping from white to #cfcfcf down to #616161

Voice rules

  • understated claims paired with technical rigor
  • terse metadata tables without marketing hype

Holds it together

  • use towering ultra-condensed uppercase display typography at extreme scale for key brand anchors and index items
  • keep the palette strictly monochromatic with grey values modulating visual hierarchy
  • organize technical metadata and services in precise multi-column tabular lists with hairline separation

Contrast

text on background18.9:1 AAA
muted text on background12.1:1 AAA
text on surface21.0:1 AAA
accent on background18.9:1 AAA
background on accent18.9:1 AAA

Type, measured

Body
16px / 1.6
Measure
59 characters
Display
184px / 0.7
Tracking
0em display
Scale ratio
1.84

Voice

Tone
restrained, confident, precise
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
discover, contact

Built with

Builder
Framework
Motion
WebGL
Nav
top_bar, 2 items
Length
7.8 screens

Sections in page order

3 marked strong · 7

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

  1. 00

    hero

    Sparse, pitch-black void with floating pill navigation and cryptic, kinetic typographic fragments.

    Mood
    raw + quiet
    Layout
    1 col · asymmetric · airy
    Open section →
    Sparse, pitch-black void with floating pill navigation and cryptic, kinetic typographic fragments.
  2. 01

    hero

    Strong

    Monochrome brutalist hero dominated by towering ultra-condensed typography paired with restrained body copy.

    Mood
    bold + raw
    Layout
    13 col · asymmetric · dense
    Open section →
    Monochrome brutalist hero dominated by towering ultra-condensed typography paired with restrained body copy.
  3. 02

    showcase

    Strong

    A stark, index-style dark portfolio archive pairing ultra-condensed display typography with precise metadata columns.

    Mood
    raw + quiet
    Layout
    6 col · asymmetric · airy
    Open section →
    A stark, index-style dark portfolio archive pairing ultra-condensed display typography with precise metadata columns.
  4. 03

    feature grid

    A refined dark-mode studio overview balancing understated typography, delicate geometric wireframe icons, and structured service cards.

    Mood
    quiet + editorial
    Layout
    16 col · grid · airy
    Open section →
    A refined dark-mode studio overview balancing understated typography, delicate geometric wireframe icons, and structured service cards.
  5. 04

    feature

    A restrained, typography-only service index set against a deep black canvas with meticulous spacing and quiet confidence.

    Mood
    quiet + clinical
    Layout
    11 col · grid · airy
    Open section →
    A restrained, typography-only service index set against a deep black canvas with meticulous spacing and quiet confidence.
  6. 05

    stats

    Understated dark recognition section displaying award counts inside thin bordered panels.

    Mood
    quiet + clinical
    Layout
    14 col · stacked · airy
    Open section →
    Understated dark recognition section displaying award counts inside thin bordered panels.
  7. 06

    team

    Strong

    A restrained, moody studio leadership section featuring dramatic portraits paired with clean modernist typography against a deep charcoal canvas.

    Mood
    quiet + editorial
    Layout
    12 col · grid · balanced
    Open section →
    A restrained, moody studio leadership section featuring dramatic portraits paired with clean modernist typography against a deep charcoal canvas.