SearchSubmit
MUUDS

Curated catalog of analyzed web design.

ASH

Monolithic, atmospheric dark portfolio defined by colossal typography and ambient horizon lighting. Edge-to-edge grotesque letterforms command the hero before settling into a disciplined two-column project showcase. The deep charcoal backdrop is abruptly broken at the base with a ghosted light statement section.

quietboldeditorial
Visit site

Colour

Background#121214
Text#f5f5f3
Accent#ea0021
Surface#1e1e1e
Muted#777777

Typefaces

Display
PP Neue Montreal Book
Body
PP Neue Montreal Book
Mono
—
Source
google
Scale
13 · 14 · 16 · 24 · 32 · 60

Layout

Grid
—
Container
—
Spacing base
4px
Radius
12px · 999px

Capture

Category
portfolio
Sections
5
Captured
2026-08-29
Rhythm
dark x4 → light

Type rules

  • display type scales massively across full viewport width
  • metadata and case study captions set at 14px

Colour rules

  • deep dark backdrop dominates the entire flow until the inverted light footer
  • vibrant color restricted strictly to thumbnail artwork

Voice rules

  • terse role tags beneath titles
  • concise statements with no fluff

Holds it together

  • display type scales edge-to-edge across the screen
  • projects are displayed in a clean two-column grid
  • navigation floats centered in a pill container

Contrast

text on background17.1:1 AAA
muted text on background4.2:1 AA Large
text on surface15.3:1 AAA
accent on background4.0:1 AA Large
background on accent4.0:1 AA Large

Type, measured

Body
14px / 1.2
Measure
31 characters
Display
461px / 0.87
Tracking
0em display
Scale ratio
2.40

Voice

Tone
confident, understated
Sentences
short
Person
third
Vocabulary
plain
Calls to action
read, book, subscribe

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 1 items
Length
5.8 screens

Sections in page order

3 marked strong · 5

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

  1. 00

    nav

    Strong

    Minimal, atmospheric dark header featuring a floating pill tab bar suspended over a faint luminous horizon.

    Mood
    quiet + dreamy
    Layout
    12 col · split · airy
    Open section →
    Minimal, atmospheric dark header featuring a floating pill tab bar suspended over a faint luminous horizon.
  2. 01

    hero

    Massive, razor-sharp grotesque letterforms fill the dark frame edge to edge, creating an immediate and unapologetic statement of brand presence.

    Mood
    bold
    Layout
    4 col · full bleed · airy
    Open section →
    Massive, razor-sharp grotesque letterforms fill the dark frame edge to edge, creating an immediate and unapologetic statement of brand presence.
  3. 02

    showcase

    Strong

    Dark editorial portfolio showcase featuring clean two-column product cards framed with subtle color backdrops.

    Mood
    editorial + quiet
    Layout
    2 col · grid · balanced
    Open section →
    Dark editorial portfolio showcase featuring clean two-column product cards framed with subtle color backdrops.
  4. 03

    showcase

    Minimalist dark portfolio grid showcasing agency case study cards with subtle, precise typographic captions below.

    Mood
    quiet + clinical
    Layout
    2 col · grid · airy
    Open section →
    Minimalist dark portfolio grid showcasing agency case study cards with subtle, precise typographic captions below.
  5. 04

    statement

    Strong

    An ethereal, nearly invisible off-white statement section featuring colossal ghosted serif typography that blends into the background.

    Mood
    quiet + dreamy
    Layout
    16 col · full bleed · airy
    Open section →
    An ethereal, nearly invisible off-white statement section featuring colossal ghosted serif typography that blends into the background.