MUUDS

Curated catalog of analyzed web design.

Cristina Gómez

Quiet and editorial gallery aesthetic. Expansive pale grey canvas hosting an intimate central portrait anchored by an oversized high-contrast serif nameplate at the base.

Visit site ↗

Colour

Background#ecebeb
Text#161310
Surface#ecebeb
Muted#787878

Typefaces

Display
me
Body
mo
Mono
Source
self_hosted
Scale
16 · 18 · 23 · 31 · 39 · 61

Layout

Grid
15 columns
Container
1400px
Spacing base
5px
Radius
0px

Capture

Category
portfolio
Sections
3
Captured
2026-08-27
Rhythm
light x3

Type rules

  • display typography set at massive scale in high-contrast editorial serif
  • metadata and labels structured in dual-tone grotesk with muted grey descriptors

Colour rules

  • monochrome palette limited entirely to warm light grey, muted stone grey, and near-black

Voice rules

  • first-person artist statement
  • concise two-column metadata headers

Holds it together

  • float central photographic subject with generous negative space on all sides
  • distribute navigation and site metadata across balanced columns at the top edge
  • anchor viewport base with ultra-large serif display typography

Contrast

text on background15.6:1 AAA
muted text on background3.7:1 AA Large
text on surface15.6:1 AAA

Type, measured

Body
16px / 1
Measure
31 characters
Display
231px / 0.9
Tracking
-0.04em display
Scale ratio
1.95

Voice

Tone
intimate, reflective, poetic
Sentences
medium
Person
first
Vocabulary
evocative
Calls to action
reach out, collaborate

Built with

Builder
Framework
Motion
WebGL
yes
Nav
sticky_top_bar, 3 items, sticky
Length
1 screens

Colour, by area

#ecebeb 0%#787878 0%#161310 0%

Sections in page order

2 strongest marked · 3

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

  1. 00

    nav

    Quiet, Swiss-inspired header using structured columns of grey metadata labels and dark grotesk typography.

    Mood
    quiet + clinical
    Layout
    15 col · grid · airy
    Open section →
    Quiet, Swiss-inspired header using structured columns of grey metadata labels and dark grotesk typography.
  2. 01

    hero

    Strongest

    An intimate black-and-white photographic portrait floating in expansive, quiet pale grey space.

    Mood
    quiet + editorial
    Layout
    13 col · centered · airy
    Open section →
    An intimate black-and-white photographic portrait floating in expansive, quiet pale grey space.
  3. 02

    hero

    Strongest

    An ultra-minimal statement hero featuring an oversized high-contrast serif nameplate set against a pale gallery-like canvas.

    Mood
    editorial + quiet
    Layout
    12 col · stacked · airy
    Open section →
    An ultra-minimal statement hero featuring an oversized high-contrast serif nameplate set against a pale gallery-like canvas.

More like this

by shared mood