MUUDS

Curated catalog of analyzed web design.

Eladio Dieste

Monographic, tactile, and deeply contemplative. Vast pitch-black voids allow massive off-white typography and sculptural brick vaults to dominate the composition. Architectural photography and a vertical chronology create a museum-grade retrospective.

Visit site

Rated

8.2/ 10

From 8 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
9.8
Systemmeasured
5.9
Distinctionmeasured
9.4
on the grid
51%
vertical rhythm
39%
type on a scale
44%
contrast passing AA
100%
unlike the library
1.25
model craft
8.1/10
model deviation
6.1/10

Colour

Background#000000
Text#f1ece8
Surface#000000
Muted#eadfd2

Typefaces

Display
font
Body
font
Mono
Source
self_hosted
Scale
15 · 16 · 18 · 19 · 20 · 33

Layout

Grid
16 columns
Container
1405px
Spacing base
8px
Radius
0px

Capture

Category
portfolio
Sections
8
Captured
2026-09-16
Rhythm
dark throughout

Type rules

  • display type scaled monumentally in tight sentence-case tracking
  • body text set at 54 characters measure with tight 1.15 line height

Colour rules

  • strict pitch-black canvas with warm bone-white type
  • photography of brick masonry and terracotta provides the only color in the layout

Voice rules

  • monographic tone celebrating structural and aesthetic synthesis
  • credit all historical and archival photographs explicitly

Holds it together

  • use pitch black as the sole uniform canvas color across all sections
  • rely exclusively on architectural imagery for chromatic warmth
  • align chronological works along a minimalist vertical axis
  • set monumental title text overlapping or flanking edge-to-edge photography

Contrast

text on background17.9:1 AAA
muted text on background16.0:1 AAA
text on surface17.9:1 AAA

Type, measured

Body
19px / 1.15
Measure
54 characters
Display
123px / 1
Tracking
-0.05em display
Scale ratio
1.60

Voice

Tone
reverent, poetic, academic
Sentences
medium
Person
third
Vocabulary
literary
Calls to action

Built with

Builder
Framework
next
Motion
WebGL
Nav
top_bar, 5 items
Length
15.6 screens
Mode

Sections in page order

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

  1. 00

    hero

    Strong

    Monumental architectural masonry meets massive, diagonal headline typography to create a sculptural tribute to engineering and tactile brickwork.

    Mood
    grounded + contemplative
    Layout
    1 col · full bleed · airy
    Open section →
    Monumental architectural masonry meets massive, diagonal headline typography to create a sculptural tribute to engineering and tactile brickwork.
  2. 01

    hero

    Strong

    A stark architectural tribute combining tight, massive editorial sans-serif text with a grounded triptych of vaulted brick masonry and portraiture.

    Mood
    contemplative + grounded
    Layout
    3 col · stacked · dense
    Open section →
    A stark architectural tribute combining tight, massive editorial sans-serif text with a grounded triptych of vaulted brick masonry and portraiture.
  3. 02

    showcase

    Strong

    A quiet, archival timeline of architectural works suspended along a delicate vertical axis in deep black space.

    Mood
    contemplative + nostalgic
    Layout
    2 col · asymmetric · airy
    Open section →
    A quiet, archival timeline of architectural works suspended along a delicate vertical axis in deep black space.
  4. 03

    statement

    Monochrome editorial archival layout pairing bold typography with a historical portrait of the architect at work.

    Mood
    contemplative + nostalgic
    Layout
    2 col · asymmetric · airy
    Open section →
    Monochrome editorial archival layout pairing bold typography with a historical portrait of the architect at work.
  5. 04

    video

    An austere and contemplative dark editorial section pairing a prominent architectural quote with an embedded documentary video.

    Mood
    contemplative + serene
    Layout
    2 col · stacked · balanced
    Open section →
    An austere and contemplative dark editorial section pairing a prominent architectural quote with an embedded documentary video.
  6. 05

    statement

    Severe black-and-white editorial spread with asymmetric typographic blocks and a contemplative monochrome portrait.

    Mood
    contemplative + nostalgic
    Layout
    2 col · asymmetric · airy
    Open section →
    Severe black-and-white editorial spread with asymmetric typographic blocks and a contemplative monochrome portrait.
  7. 06

    statement

    A stark, contemplative architectural quote paired with a dramatic black-and-white photograph of textured brickwork against a deep black void.

    Mood
    contemplative + serene
    Layout
    1 col · stacked · airy
    Open section →
    A stark, contemplative architectural quote paired with a dramatic black-and-white photograph of textured brickwork against a deep black void.
  8. 07

    footer

    A monumental dark footer featuring massive typography filled with brick masonry textures beneath a minimalist hairline metadata row.

    Mood
    grounded + serene
    Layout
    2 col · stacked · airy
    Open section →
    A monumental dark footer featuring massive typography filled with brick masonry textures beneath a minimalist hairline metadata row.

More like this

by shared mood