SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Forward

Atmospheric, ethereal, and quietly progressive. Deep pitch-black canvases host sharp, minimalist typography illuminated by glowing, motion-blurred abstract artwork. The restrained dark framework and crisp grids give the conference an intellectual, gallery-like presence.

dreamyquietclinicaleditorial
Visit site

Colour

Background#0d0d0d
Text#fcfcfc
Accent#ffffff
Surface#121212
Muted#d4d4d4

Typefaces

Display
Inter
Body
Inter
Mono
—
Source
self_hosted
Scale
12 · 14 · 16 · 18 · 24 · 28

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px · 4px

Capture

Category
ai
Sections
14
Captured
2026-08-29
Rhythm
dark x14

Type rules

  • hero headlines rendered in uppercase with tight unit line-height
  • body text rendered in neutral grey (#d4d4d4) at 18px with ~81 characters per line measure
  • section subtitles and eyebrow badges set in subtle muted small type

Colour rules

  • canvas is completely dark (#0d0d0d and #121212) across every single section
  • chromatic color is strictly contained inside abstract visual artwork and portraits, never applied to UI accents
  • high-contrast white (#fcfcfc, #ffffff) is reserved for prominent headings and key CTA borders

Voice rules

  • short evocative descriptions paired with clear operational labels
  • buttons use concise imperative verbs in uppercase

Holds it together

  • confine vivid color exclusively to square abstract art modules and speaker photography
  • frame interactive elements and cards with hairline borders on dark surfaces rather than solid fills
  • maintain uniform deep black background rhythm throughout without contrasting light sections

Contrast

text on background18.9:1 AAA
muted text on background13.1:1 AAA
text on surface18.3:1 AAA
accent on background19.4:1 AAA
background on accent19.4:1 AAA

Type, measured

Body
18px / 1.3
Measure
81 characters
Display
82px / 1
Tracking
0em display
Scale ratio
1.46

Voice

Tone
visionary, restrained, curated
Sentences
short
Person
third
Vocabulary
technical
Calls to action
get, view, load, plan

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 4 items
Length
14.3 screens

Sections in page order

3 marked strong · 14

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

  1. 00

    hero

    Atmospheric dark tech conference hero featuring a luminous abstract visual element paired with minimalist typography and stats cards.

    Mood
    dreamy + clinical
    Layout
    16 col · stacked · airy
    Open section →
    Atmospheric dark tech conference hero featuring a luminous abstract visual element paired with minimalist typography and stats cards.
  2. 01

    feature grid

    Luminous, impressionistic abstract visuals anchor a dark conference theme grid with crisp typography.

    Mood
    dreamy + editorial
    Layout
    3 col · grid · balanced
    Open section →
    Luminous, impressionistic abstract visuals anchor a dark conference theme grid with crisp typography.
  3. 02

    team

    A crisp, dark gallery grid of expressive photographic portraits anchored by minimal captions and a load-more button.

    Mood
    quiet + editorial
    Layout
    4 col · grid · balanced
    Open section →
    A crisp, dark gallery grid of expressive photographic portraits anchored by minimal captions and a load-more button.
  4. 03

    statement

    A quiet, dark section header with a pill badge and refined centered typography floating in deep black space.

    Mood
    quiet + clinical
    Layout
    13 col · centered · airy
    Open section →
    A quiet, dark section header with a pill badge and refined centered typography floating in deep black space.
  5. 04

    other

    Strong

    Restrained dark-mode conference schedule pairing clean typography and avatar pills with atmospheric abstract imagery thumbnails.

    Mood
    quiet + editorial
    Layout
    16 col · split · balanced
    Open section →
    Restrained dark-mode conference schedule pairing clean typography and avatar pills with atmospheric abstract imagery thumbnails.
  6. 05

    showcase

    A refined, dark-mode conference schedule pairing quiet structured session listings with glowing, ethereal abstract visuals.

    Mood
    clinical + quiet
    Layout
    12 col · split · balanced
    Open section →
    A refined, dark-mode conference schedule pairing quiet structured session listings with glowing, ethereal abstract visuals.
  7. 06

    showcase

    A restrained, dark-mode event schedule structured with precise typography and ethereal, motion-blurred square artwork beside each talk listing.

    Mood
    editorial + quiet
    Layout
    12 col · grid · balanced
    Open section →
    A restrained, dark-mode event schedule structured with precise typography and ethereal, motion-blurred square artwork beside each talk listing.
  8. 07

    logo bar

    A sleek, understated dark logo strip displaying partner marks within finely bordered grid cells.

    Mood
    quiet + clinical
    Layout
    1 col · grid · balanced
    Open section →
    A sleek, understated dark logo strip displaying partner marks within finely bordered grid cells.
  9. 08

    gallery

    Strong

    A dark, atmospheric grid of motion-blurred portraits and luminous abstract textures floating in expansive black space.

    Mood
    dreamy + quiet
    Layout
    5 col · grid · airy
    Open section →
    A dark, atmospheric grid of motion-blurred portraits and luminous abstract textures floating in expansive black space.
  10. 09

    pricing

    Minimal dark conference ticket pricing grid featuring restrained typography and subtle card elevation.

    Mood
    quiet + clinical
    Layout
    3 col · grid · balanced
    Open section →
    Minimal dark conference ticket pricing grid featuring restrained typography and subtle card elevation.
  11. 10

    feature grid

    A minimal, dark-mode venue location guide pairing sparse typography with a structured three-column transport breakdown.

    Mood
    quiet + clinical
    Layout
    3 col · stacked · airy
    Open section →
    A minimal, dark-mode venue location guide pairing sparse typography with a structured three-column transport breakdown.
  12. 11

    faq

    A minimal, dark FAQ accordion centered cleanly in deep black space with crisp typography and subtle bordered rows.

    Mood
    quiet + clinical
    Layout
    13 col · stacked · airy
    Open section →
    A minimal, dark FAQ accordion centered cleanly in deep black space with crisp typography and subtle bordered rows.
  13. 12

    cta

    Strong

    Ethereal and atmospheric call-to-action centered over cinematic, motion-blurred silhouettes in twilight blues and deep shadows.

    Mood
    dreamy + quiet
    Layout
    11 col · centered · airy
    Open section →
    Ethereal and atmospheric call-to-action centered over cinematic, motion-blurred silhouettes in twilight blues and deep shadows.
  14. 13

    footer

    A restrained dark footer with clean typographic columns and a subtle newsletter signup input.

    Mood
    quiet + clinical
    Layout
    15 col · split · airy
    Open section →
    A restrained dark footer with clean typographic columns and a subtle newsletter signup input.