MUUDS

Curated catalog of analyzed web design.

Mortons

Deeply atmospheric, technical, and contemplative. Pitch-black backgrounds and vast negative space give total prominence to crystalline, glowing lighting fixture renders. Ultra-fine typography and quiet spatial pacing evoke a laboratory monograph or high-end design exhibition.

Visit site

Colour

Background#101011
Text#eeeeee
Accent#89e2ff
Surface#141413
Muted#aba9a9

Typefaces

Display
ABC Diatype Rounded
Body
ABC Diatype Rounded
Mono
Source
unknown
Scale
11 · 14 · 15 · 16 · 19 · 21

Layout

Grid
16 columns
Container
620px
Spacing base
8px
Radius
100px

Capture

Category
ecommerce
Sections
6
Captured
2026-08-29
Rhythm
dark x6

Type rules

  • ABC Diatype Rounded is used uniformly across all type scales
  • body text is set at micro 11px scale with tight 1.2 line-height
  • all-caps micro labels anchor paragraphs and floating text fragments

Colour rules

  • pure dark background #101011 persists unbroken across all sections
  • color is introduced exclusively through luminous 3D renders and photography
  • text hierarchy relies on subdued steps from #eeeeee to #aba9a9

Voice rules

  • frame industrial lighting design through the lens of space exploration and human biology
  • pair short evocative phrases with clinical descriptive text

Holds it together

  • float isolated text fragments and 3D renders across asymmetrical positions in vast black space
  • use pill-shaped hairline outline buttons for navigation and interactive toggles
  • keep body copy in micro-scale 11px typography with narrow measures

Contrast

text on background16.4:1 AAA
muted text on background8.1:1 AAA
text on surface15.9:1 AAA
accent on background13.0:1 AAA
background on accent13.0:1 AAA

Type, measured

Body
11px / 1.2
Measure
17 characters
Display
21px / 1.2
Tracking
0em display
Scale ratio
1.18

Voice

Tone
refined, technical, philosophical
Sentences
medium
Person
first
Vocabulary
elevated
Calls to action
contact

Built with

Builder
webflow
Framework
Motion
gsap, lenis
WebGL
Nav
top_bar, 4 items
Length
11.3 screens

Sections in page order

3 marked strong · 6

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

  1. 00

    hero

    A pitch-black industrial design hero dominated by an intricate, glowing glass fixture render and precise minimalist typography.

    Mood
    quiet + clinical
    Layout
    1 col · stacked · airy
    Open section →
    A pitch-black industrial design hero dominated by an intricate, glowing glass fixture render and precise minimalist typography.
  2. 01

    showcase

    Strong

    An ethereal, dark product reveal driven by crystalline 3D lighting renders and quiet, precision typography.

    Mood
    quiet + luxurious
    Layout
    1 col · stacked · airy
    Open section →
    An ethereal, dark product reveal driven by crystalline 3D lighting renders and quiet, precision typography.
  3. 02

    showcase

    Subdued and atmospheric dark section pairing ghostly low-contrast typography with an intimate documentary window into a spacecraft cabin.

    Mood
    quiet + clinical
    Layout
    16 col · asymmetric · airy
    Open section →
    Subdued and atmospheric dark section pairing ghostly low-contrast typography with an intimate documentary window into a spacecraft cabin.
  4. 03

    statement

    Strong

    Spacious dark editorial statement pairing architectural lighting photography with scattered typography across vast negative space.

    Mood
    quiet + editorial
    Layout
    16 col · asymmetric · airy
    Open section →
    Spacious dark editorial statement pairing architectural lighting photography with scattered typography across vast negative space.
  5. 04

    showcase

    Spacious and quiet gallery composition pairing minimal lowercase text fragments with a cropped sculptural object in lucite.

    Mood
    quiet + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    Spacious and quiet gallery composition pairing minimal lowercase text fragments with a cropped sculptural object in lucite.
  6. 05

    team

    Strong

    Quiet and atmospheric dark grid showcasing collaborators through architectural photography and sparse lowercase typography.

    Mood
    quiet + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    Quiet and atmospheric dark grid showcasing collaborators through architectural photography and sparse lowercase typography.