MUUDS

Curated catalog of analyzed web design.

Two Times Elliott

Disciplined, pristine editorial gallery where generous white canvas recedes completely behind high-craft product photography. The restrained single-family typography and tight column rhythm create an uncompromising, curated studio showcase.

Visit site ↗

Colour

Background#ffffff
Text#1d1d1f
Accent#74f55e
Surface#ededed
Muted#bbbbbb

Typefaces

Display
Antique Legacy
Body
Antique Legacy
Mono
Source
self_hosted
Scale
16 · 45

Layout

Grid
Container
Spacing base
4px
Radius
0px

Capture

Category
studio
Sections
5
Captured
2026-08-27
Rhythm
light x5

Type rules

  • single typeface family Antique Legacy across all hierarchy levels
  • tight negative tracking on both display and body copy

Colour rules

  • stark white background allows packaging and editorial imagery to carry visual weight
  • micro accent green reserved solely for live status indicators

Voice rules

  • succinct single-sentence case study summaries
  • actions framed as simple direct verbs

Holds it together

  • use full-bleed two-column image pairs punctuated by full-width hero stills
  • understate project captions to a single concise line of micro-typography directly beneath each image
  • keep UI controls docked to subtle floating pills in the viewport corners

Contrast

text on background16.8:1 AAA
muted text on background1.9:1 fail
text on surface14.4:1 AAA
accent on background1.4:1 fail
background on accent1.4:1 fail

Type, measured

Body
16px / 1
Measure
91 characters
Display
45px / 1.02
Tracking
-0.014em display
Scale ratio
1.30

Voice

Tone
curated, precise, restrained
Sentences
short
Person
third
Vocabulary
plain
Calls to action
read, view, watch

Built with

Builder
Framework
nuxt
Motion
gsap
WebGL
yes
Nav
Length
15.1 screens

Colour, by area

accent on container
#ffffff 0%#ededed 0%#74f55e 0%

Sections in page order

3 strongest marked · 5

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

  1. 00

    hero

    Strongest

    High-end editorial studio showcase pairing a clean top statement with a disciplined two-column grid of rich, tactile packaging photography.

    Mood
    editorial + luxurious
    Layout
    2 col · grid · balanced
    Open section →
    High-end editorial studio showcase pairing a clean top statement with a disciplined two-column grid of rich, tactile packaging photography.
  2. 01

    gallery

    A refined studio showcase grid featuring full-bleed product photography and quiet, structured typographic captions.

    Mood
    quiet + editorial
    Layout
    2 col · grid · balanced
    Open section →
    A refined studio showcase grid featuring full-bleed product photography and quiet, structured typographic captions.
  3. 02

    showcase

    Strongest

    Quiet editorial showcase pairing tactile, high-production studio photography with minimal one-line project captions.

    Mood
    quiet + editorial
    Layout
    2 col · grid · airy
    Open section →
    Quiet editorial showcase pairing tactile, high-production studio photography with minimal one-line project captions.
  4. 03

    gallery

    Strongest

    An ultra-minimal editorial portfolio grid displaying high-concept art direction and understated micro-typography captions below expansive imagery.

    Mood
    editorial + quiet
    Layout
    16 col · grid · airy
    Open section →
    An ultra-minimal editorial portfolio grid displaying high-concept art direction and understated micro-typography captions below expansive imagery.
  5. 04

    showcase

    A refined studio portfolio grid showcasing varied brand identity case studies through tactile photography, bold color blocks, and understated captions.

    Mood
    editorial + quiet
    Layout
    2 col · grid · balanced
    Open section →
    A refined studio portfolio grid showcasing varied brand identity case studies through tactile photography, bold color blocks, and understated captions.

More like this

by shared mood