SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Format Podcasts

Intimate, cinematic, and profoundly editorial. Warm theatrical photography and glowing amber tones emerge from an abyssal dark canvas, paired with literary serif headlines and precise neo-grotesk captions.

warmclinicalquietluxuriouseditorial
Visit site

Colour

Background#0e0202
Text#ffffff
Accent#ff3601
Surface#1a1a1a
Muted#787878

Typefaces

Display
PS Times
Body
Neue Haas Grotesk TX Pro
Mono
—
Source
self_hosted
Scale
11 · 12 · 14 · 16 · 20 · 24

Layout

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

Capture

Category
ai
Sections
10
Captured
2026-08-29
Rhythm
dark x10

Type rules

  • display headlines use sentence case in PS Times with generous tracking and line height
  • body text and UI microcopy use clean neo-grotesk with high contrast against the dark background
  • section tags precede headlines with a subtle bullet glyph

Colour rules

  • deep brown-black (#0e0202) anchors the entire page with charcoal (#1a1a1a) surfaces for structural grouping
  • saturated chromatic accents like orange-red (#ff3601) and blue (#1680cc) are isolated to UI badges, podcast artwork, and key interactive tags
  • cinematic warm amber photography provides ambient luminescence

Voice rules

  • use sensory and audio metaphors like 'hear the color'
  • pair narrative descriptions with clear technical capability

Holds it together

  • lead with theatrical, studio-lit photography establishing a warm cinematic palette against pitch black
  • render display headlines in an elegant serif while keeping all metadata and UI in a crisp sans-serif
  • use small bulleted section eyebrows in sentence case to anchor major narrative transitions

Contrast

text on background20.4:1 AAA
muted text on background4.6:1 AA
text on surface17.4:1 AAA
accent on background5.6:1 AA
background on accent5.6:1 AA

Type, measured

Body
12px / 1
Measure
135 characters
Display
140px / 1
Tracking
0em display
Scale ratio
1.85

Voice

Tone
intimate, literary, assured
Sentences
medium
Person
second
Vocabulary
evocative
Calls to action
watch, book, listen

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
top_bar, 0 items
Length
9.4 screens

Sections in page order

3 marked strong · 10

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

  1. 00

    hero

    Strong

    A cinematic golden-lit set creates an intimate, theatrical stage for an editorial tech hero with elegant serif typography.

    Mood
    warm + editorial
    Layout
    14 col · full bleed · airy
    Open section →
    A cinematic golden-lit set creates an intimate, theatrical stage for an editorial tech hero with elegant serif typography.
  2. 01

    showcase

    Dark, refined audio app showcase displaying responsive desktop and mobile podcast interfaces with crisp typographic structure.

    Mood
    clinical + quiet
    Layout
    12 col · centered · balanced
    Open section →
    Dark, refined audio app showcase displaying responsive desktop and mobile podcast interfaces with crisp typographic structure.
  3. 02

    statement

    A hushed, contemplative dark layout balancing a crisp serif headline with subdued editorial storytelling blocks.

    Mood
    quiet + editorial
    Layout
    16 col · stacked · airy
    Open section →
    A hushed, contemplative dark layout balancing a crisp serif headline with subdued editorial storytelling blocks.
  4. 03

    feature grid

    Moody, dimly lit feature columns showcasing audio interface mockups against deep black with precise neo-grotesk captions.

    Mood
    quiet + clinical
    Layout
    3 col · grid · balanced
    Open section →
    Moody, dimly lit feature columns showcasing audio interface mockups against deep black with precise neo-grotesk captions.
  5. 04

    logo bar

    Strong

    Subdued, dark typographic customer roll rendered in ghosted serif lettering that feels refined, atmospheric, and quiet.

    Mood
    luxurious + quiet
    Layout
    1 col · full bleed · dense
    Open section →
    Subdued, dark typographic customer roll rendered in ghosted serif lettering that feels refined, atmospheric, and quiet.
  6. 05

    showcase

    Moody dark podcast showcase pairing subtle watermarked serif typography with bold, geometric graphic album art.

    Mood
    editorial + bold
    Layout
    3 col · grid · balanced
    Open section →
    Moody dark podcast showcase pairing subtle watermarked serif typography with bold, geometric graphic album art.
  7. 06

    feature

    Moody cinematic warm lighting pairs with a clean integration tile grid in a restrained dark split section.

    Mood
    editorial + warm
    Layout
    10 col · split · balanced
    Open section →
    Moody cinematic warm lighting pairs with a clean integration tile grid in a restrained dark split section.
  8. 07

    feature grid

    A quiet, highly restrained dark trio of feature cards relying entirely on pure Swiss typography and subtle tonality.

    Mood
    quiet + clinical
    Layout
    3 col · grid · airy
    Open section →
    A quiet, highly restrained dark trio of feature cards relying entirely on pure Swiss typography and subtle tonality.
  9. 08

    testimonial

    Strong

    Subdued, large-scale serif quote on dark charcoal accented with selective underlines and a vibrant red author badge.

    Mood
    editorial + quiet
    Layout
    11 col · asymmetric · airy
    Open section →
    Subdued, large-scale serif quote on dark charcoal accented with selective underlines and a vibrant red author badge.
  10. 09

    cta

    Warm and atmospheric lead-generation section featuring a frosted glass demo signup form floating over a softly blurred amber backdrop.

    Mood
    warm + dreamy
    Layout
    13 col · centered · balanced
    Open section →
    Warm and atmospheric lead-generation section featuring a frosted glass demo signup form floating over a softly blurred amber backdrop.