SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Matteo Modica

Deeply understated and quiet minimalism. Pitch-black backdrop paired with low-contrast muted grey typography creates an intimate, confident, single-viewport business card aesthetic.

quiet
Visit site

Colour

Background#020202
Text#444444
Accent#444444
Surface#020202
Muted#444444

Typefaces

Display
Poppins
Body
TTCommons-Medium
Mono
—
Source
google
Scale
12 · 90

Layout

Grid
9 columns
Container
1335px
Spacing base
5px
Radius
—

Capture

Category
portfolio
Sections
2
Captured
2026-08-29
Rhythm
dark

Type rules

  • display type set in sentence case with tight tracking and low-contrast grey
  • navigation and links set in uppercase tracking wide at base scale

Colour rules

  • monochrome palette restricted strictly to deep pitch black background and mid-grey text
  • no distinct accent color used across the page

Voice rules

  • conversational first-person intro
  • no promotional copy or puffery

Holds it together

  • restrict the entire viewport to a single pitch-black background with muted grey typography
  • place primary statement prominently in large scale, with minimal uppercase links anchored at the bottom
  • avoid all decorative borders, imagery, or saturated accent colors

Contrast

text on background2.1:1 fail
muted text on background2.1:1 fail
text on surface2.1:1 fail
accent on background2.1:1 fail
background on accent2.1:1 fail

Type, measured

Body
12px / 2.5
Measure
14 characters
Display
90px / 0.82
Tracking
-0.031em display
Scale ratio
1.65

Voice

Tone
understated, conversational
Sentences
short
Person
first
Vocabulary
informal
Calls to action
get in touch

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
—
Length
1 screens

Sections in page order

2 marked strong · 2

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

  1. 00

    hero

    Strong

    Understated and deeply quiet dark hero statement with muted low-contrast typography introducing a creative director.

    Mood
    quiet
    Layout
    9 col · stacked · airy
    Open section →
    Understated and deeply quiet dark hero statement with muted low-contrast typography introducing a creative director.
  2. 01

    nav

    Strong

    A stark, pitch-black minimal bar with quiet, low-contrast uppercase social and contact links tucked to the left.

    Mood
    quiet
    Layout
    8 col · full bleed · airy
    Open section →
    A stark, pitch-black minimal bar with quiet, low-contrast uppercase social and contact links tucked to the left.