SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Marcos Rodrigues

Radically austere and monospaced, evoking a high-precision terminal or exhibition index. Pure pitch black canvases frame vibrant isolated artefacts and dense uppercase text. The aesthetic relies entirely on severe typographic restraint and deep negative space.

rawquiet
Visit site

Colour

Background#000000
Text#ffffff
Surface#000000
Muted#4c4c4c

Typefaces

Display
Sometype Mono
Body
Sometype Mono
Mono
Sometype Mono
Source
self_hosted
Scale
10

Layout

Grid
2 columns
Container
704px
Spacing base
8px
Radius
0px

Capture

Category
portfolio
Sections
13
Captured
2026-08-30
Rhythm
dark x13

Type rules

  • single 10px monospace typeface used universally across headings, body, and metadata
  • all copy styled in full uppercase with tight line height
  • arrows and symbols embedded directly inline to denote links and transitions

Colour rules

  • pure black background across all sections without exception
  • pure white typography with subtle muted grey for secondary metadata

Voice rules

  • all text set entirely in uppercase monospace
  • project entries follow a strict name arrow description syntax

Holds it together

  • use a single fixed-size monospace font for every typographic element on the page
  • set all narrative and metadata text in full uppercase
  • anchor captions and project titles directly along bottom baselines or raw column edges

Contrast

text on background21.0:1 AAA
muted text on background2.5:1 fail
text on surface21.0:1 AAA

Type, measured

Body
10px / 1.2
Measure
236 characters
Display
10px / 1.2
Tracking
0em display
Scale ratio
—

Voice

Tone
restrained, declarative
Sentences
medium
Person
third
Vocabulary
specialized
Calls to action
—

Built with

Builder
cargo
Framework
—
Motion
—
WebGL
—
Nav
—
Length
10.4 screens

Sections in page order

3 marked strong · 13

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

  1. 00

    hero

    Strong

    Austere, high-contrast brutalist portfolio space with a dense mono text header above a vibrant lime object floating in deep black void.

    Mood
    raw + quiet
    Layout
    1 col · asymmetric · airy
    Open section →
    Austere, high-contrast brutalist portfolio space with a dense mono text header above a vibrant lime object floating in deep black void.
  2. 01

    showcase

    Strong

    A focused portfolio showcase framing a website recording inside a dark, minimalist viewport with delicate monospace captions.

    Mood
    quiet + clinical
    Layout
    2 col · centered · airy
    Open section →
    A focused portfolio showcase framing a website recording inside a dark, minimalist viewport with delicate monospace captions.
  3. 02

    showcase

    An austere, void-like black canvas anchored only by a solitary monospace caption along a delicate bottom baseline.

    Mood
    quiet + raw
    Layout
    2 col · full bleed · airy
    Open section →
    An austere, void-like black canvas anchored only by a solitary monospace caption along a delicate bottom baseline.
  4. 03

    showcase

    Vast, pitch-black minimal canvas interrupted only by a solitary monospace project label in the lower corner.

    Mood
    quiet + raw
    Layout
    8 col · asymmetric · airy
    Open section →
    Vast, pitch-black minimal canvas interrupted only by a solitary monospace project label in the lower corner.
  5. 04

    showcase

    An austere, pitch-black void punctuated only by a solitary monospace caption anchored along a subtle rule in the bottom right.

    Mood
    quiet + raw
    Layout
    3 col · asymmetric · airy
    Open section →
    An austere, pitch-black void punctuated only by a solitary monospace caption anchored along a subtle rule in the bottom right.
  6. 05

    showcase

    An austere, pitch-black void punctuated only by a solitary line of tiny monospace text at the bottom.

    Mood
    quiet + raw
    Layout
    2 col · asymmetric · airy
    Open section →
    An austere, pitch-black void punctuated only by a solitary line of tiny monospace text at the bottom.
  7. 06

    showcase

    A vast void of pure black punctuated only by an understated, technical monospace link in the bottom corner.

    Mood
    quiet + clinical
    Layout
    8 col · asymmetric · airy
    Open section →
    A vast void of pure black punctuated only by an understated, technical monospace link in the bottom corner.
  8. 07

    showcase

    An austere, near-total black void anchored by a single line of quiet monospace typography in the lower corner.

    Mood
    quiet + raw
    Layout
    3 col · full bleed · airy
    Open section →
    An austere, near-total black void anchored by a single line of quiet monospace typography in the lower corner.
  9. 08

    showcase

    An austere, near-void dark transition strip anchored by a single precise line of monospaced captioning.

    Mood
    quiet + raw
    Layout
    16 col · stacked · airy
    Open section →
    An austere, near-void dark transition strip anchored by a single precise line of monospaced captioning.
  10. 09

    footer

    An austere, void-like black frame anchored only by a single line of uppercase monospace text and a fine hairline rule.

    Mood
    quiet + clinical
    Layout
    2 col · stacked · airy
    Open section →
    An austere, void-like black frame anchored only by a single line of uppercase monospace text and a fine hairline rule.
  11. 10

    showcase

    Austere pitch-black void punctuated by tiny monospace annotations and hairline horizontal rules.

    Mood
    quiet + clinical
    Layout
    3 col · asymmetric · airy
    Open section →
    Austere pitch-black void punctuated by tiny monospace annotations and hairline horizontal rules.
  12. 11

    other

    Strong

    Austere monospaced portfolio CV section structured in clean terminal-like columns against pure black.

    Mood
    raw + quiet
    Layout
    2 col · split · airy
    Open section →
    Austere monospaced portfolio CV section structured in clean terminal-like columns against pure black.
  13. 12

    footer

    Stark terminal-inspired index layout presenting press features, awards, education, and contact links in disciplined monospace columns.

    Mood
    raw + clinical
    Layout
    2 col · grid · balanced
    Open section →
    Stark terminal-inspired index layout presenting press features, awards, education, and contact links in disciplined monospace columns.

More like this

by shared mood