SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Steven Kotler

Stark, pitch-black intellectual authority. High-contrast white typography against deep blacks and shadowy documentary photography creates an intense, research-driven editorial atmosphere. Scientific visuals and glowing constellation motifs bring depth to an otherwise austere canvas.

boldquieteditorialclinical
Visit site

Colour

Background#000000
Text#ffffff
Accent#73a1ba
Surface#4f5162
Muted#f4f4f1

Typefaces

Display
Neue Montreal
Body
Neue Montreal
Mono
—
Source
google
Scale
16 · 20 · 40 · 48 · 50 · 71

Layout

Grid
—
Container
—
Spacing base
8px
Radius
4px

Capture

Category
portfolio
Sections
8
Captured
2026-08-29
Rhythm
dark x8

Type rules

  • display typography set in massive uppercase sans-serif spanning the full viewport width
  • body copy maintained at comfortable reading size with disciplined line height

Colour rules

  • strictly monochrome pitch-black background across the entire page
  • muted slate surface used only for interactive floating modal containers

Voice rules

  • lead with neuroscience credentials and institutional credibility
  • concise programmatic descriptions without marketing fluff

Holds it together

  • render backgrounds in pure black across all sections
  • use oversized uppercase typography for personal branding anchors and section headers
  • pair dense scientific narrative copy with dark-field glowing 3D visuals

Contrast

text on background21.0:1 AAA
muted text on background19.1:1 AAA
text on surface7.8:1 AAA
accent on background7.5:1 AAA
background on accent7.5:1 AAA

Type, measured

Body
20px / 1.3
Measure
161 characters
Display
130px / 0.9
Tracking
0em display
Scale ratio
1.60

Voice

Tone
authoritative, intellectual, direct
Sentences
medium
Person
third
Vocabulary
technical
Calls to action
subscribe, book, train, view

Built with

Builder
webflow
Framework
—
Motion
gsap, lenis, swiper
WebGL
—
Nav
sticky_top_bar, 11 items, sticky
Length
9.6 screens

Sections in page order

3 marked strong · 8

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

  1. 00

    cta

    A focused newsletter modal overlay floating above a dramatic, dark personal brand hero backdrop.

    Mood
    bold + quiet
    Layout
    8 col · centered · balanced
    Open section →
    A focused newsletter modal overlay floating above a dramatic, dark personal brand hero backdrop.
  2. 01

    logo bar

    A minimalist, pitch-black press bar quietly displaying monochrome publication logos across a vast expanse of negative space.

    Mood
    quiet + editorial
    Layout
    16 col · full bleed · airy
    Open section →
    A minimalist, pitch-black press bar quietly displaying monochrome publication logos across a vast expanse of negative space.
  3. 02

    showcase

    Atmospheric, dark showcase dominated by deep shadows with subtle pagination dots and documentary photography peeking from below.

    Mood
    editorial + quiet
    Layout
    1 col · full bleed · airy
    Open section →
    Atmospheric, dark showcase dominated by deep shadows with subtle pagination dots and documentary photography peeking from below.
  4. 03

    feature

    A dark, intense text-dense offerings overview layered over a shadowy silhouette background.

    Mood
    editorial + bold
    Layout
    2 col · split · dense
    Open section →
    A dark, intense text-dense offerings overview layered over a shadowy silhouette background.
  5. 04

    statement

    Strong

    Pitch-black narrative section pairing a glittering 3D DNA helix with restrained, highly legible scientific copy.

    Mood
    clinical + quiet
    Layout
    15 col · split · airy
    Open section →
    Pitch-black narrative section pairing a glittering 3D DNA helix with restrained, highly legible scientific copy.
  6. 05

    showcase

    Strong

    Glowing golden constellation artwork anchors a sleek, dark carousel of podcast episodes and keynote talks.

    Mood
    bold + dreamy
    Layout
    13 col · grid · balanced
    Open section →
    Glowing golden constellation artwork anchors a sleek, dark carousel of podcast episodes and keynote talks.
  7. 06

    cta

    Strong

    Atmospheric, cinematic auditorium photo dominated by deep shadows with a subtle call-to-action anchored in the lower corner.

    Mood
    quiet + luxurious
    Layout
    1 col · full bleed · airy
    Open section →
    Atmospheric, cinematic auditorium photo dominated by deep shadows with a subtle call-to-action anchored in the lower corner.
  8. 07

    footer

    Stark, pitch-black minimalist footer anchored by crisp typography and an understated newsletter signup form.

    Mood
    quiet + clinical
    Layout
    8 col · grid · airy
    Open section →
    Stark, pitch-black minimalist footer anchored by crisp typography and an understated newsletter signup form.