SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Shift Nudge

Austere, disciplined, and hyper-focused on visual craft. A pitch-black Swiss typographic canvas punctuated by vast negative space and precise neon magenta triggers.

quietclinical
Visit site

Colour

Background#0f0e0f
Text#ccc8ca
Accent#ff0066
Surface#1a1718
Muted#807a80

Typefaces

Display
soehne
Body
soehne
Mono
alphalyrae
Source
self_hosted
Scale
12 · 13 · 14 · 22 · 28

Layout

Grid
—
Container
—
Spacing base
4px
Radius
0px

Capture

Category
education
Sections
17
Captured
2026-08-30
Rhythm
dark x17

Type rules

  • body measure tightly constrained around 29 characters
  • sentence-case headings set with flat typographic scale steps

Colour rules

  • neon magenta (#ff0066) restricted exclusively to interactive conversion targets
  • canvas and surfaces remain fully monochromatic near-black

Voice rules

  • lead with direct claims on craftsmanship
  • keep CTA text strictly singular and imperative

Holds it together

  • keep layout strictly monochrome near-black with subtle hairline dividers
  • use electric magenta (#ff0066) exclusively on active text targets and directional arrows
  • anchor body and statement blocks asymmetrically across the right column

Contrast

text on background11.6:1 AAA
muted text on background4.6:1 AA
text on surface10.8:1 AAA
accent on background5.0:1 AA
background on accent5.0:1 AA

Type, measured

Body
22px / 1.2
Measure
29 characters
Display
28px / 1.14
Tracking
0em display
Scale ratio
1.06

Voice

Tone
understated, authoritative, precise
Sentences
medium
Person
second
Vocabulary
technical
Calls to action
apply, review, schedule

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
top_bar, 5 items
Length
12.2 screens

Sections in page order

3 marked strong · 17

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

  1. 00

    hero

    Strong

    A pitch-black, highly disciplined hero section with extensive negative space, precise Swiss typography, and sharp magenta accents.

    Mood
    quiet + clinical
    Layout
    1 col · asymmetric · airy
    Open section →
    A pitch-black, highly disciplined hero section with extensive negative space, precise Swiss typography, and sharp magenta accents.
  2. 01

    statement

    Subtle matte dark geometric shapes loom behind understated social proof copy set in clean grotesque typography.

    Mood
    quiet + clinical
    Layout
    12 col · asymmetric · airy
    Open section →
    Subtle matte dark geometric shapes loom behind understated social proof copy set in clean grotesque typography.
  3. 02

    logo bar

    Quiet, ultra-minimal client logo grid structured by hairline borders across a near-black canvas.

    Mood
    quiet + clinical
    Layout
    4 col · grid · airy
    Open section →
    Quiet, ultra-minimal client logo grid structured by hairline borders across a near-black canvas.
  4. 03

    testimonial

    Dark, understated testimonial row featuring subdued text cards with integrated avatar portraits and verified social badges.

    Mood
    quiet + clinical
    Layout
    1 col · grid · balanced
    Open section →
    Dark, understated testimonial row featuring subdued text cards with integrated avatar portraits and verified social badges.
  5. 04

    other

    A shadowy, minimalist geometric banner forming subtle abstract shapes across a deep black canvas.

    Mood
    quiet + raw
    Layout
    12 col · full bleed · airy
    Open section →
    A shadowy, minimalist geometric banner forming subtle abstract shapes across a deep black canvas.
  6. 05

    statement

    Restrained typographic statement floating quietly on the right against deep black negative space.

    Mood
    quiet + editorial
    Layout
    2 col · asymmetric · airy
    Open section →
    Restrained typographic statement floating quietly on the right against deep black negative space.
  7. 06

    feature

    Strong

    Quiet, minimal dark layout structured across an expansive asymmetric grid with restrained typographic statements and generous negative space.

    Mood
    quiet + clinical
    Layout
    4 col · grid · airy
    Open section →
    Quiet, minimal dark layout structured across an expansive asymmetric grid with restrained typographic statements and generous negative space.
  8. 07

    feature

    Minimal, quiet dark-mode list of curriculum features positioned cleanly on the right half of the screen.

    Mood
    quiet + clinical
    Layout
    2 col · asymmetric · airy
    Open section →
    Minimal, quiet dark-mode list of curriculum features positioned cleanly on the right half of the screen.
  9. 08

    stats

    Austere, clinical data list presenting course metrics alongside a pixel-styled call to action on a pitch-black background.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Austere, clinical data list presenting course metrics alongside a pixel-styled call to action on a pitch-black background.
  10. 09

    statement

    Minimalist dark statement section featuring generous negative space and disciplined Swiss-style body typography.

    Mood
    quiet + editorial
    Layout
    2 col · split · airy
    Open section →
    Minimalist dark statement section featuring generous negative space and disciplined Swiss-style body typography.
  11. 10

    testimonial

    Dark, restrained social proof cards float above a sparse founder attribution line with crisp typography.

    Mood
    quiet + clinical
    Layout
    1 col · stacked · balanced
    Open section →
    Dark, restrained social proof cards float above a sparse founder attribution line with crisp typography.
  12. 11

    statement

    A quiet, highly restrained bio block pushed into the right column of a dark canvas.

    Mood
    quiet + clinical
    Layout
    1 col · asymmetric · airy
    Open section →
    A quiet, highly restrained bio block pushed into the right column of a dark canvas.
  13. 12

    showcase

    An intense, low-key black and white portrait anchored to the left of a vast, pitch-black canvas.

    Mood
    quiet + editorial
    Layout
    2 col · asymmetric · airy
    Open section →
    An intense, low-key black and white portrait anchored to the left of a vast, pitch-black canvas.
  14. 13

    cta

    A restrained, dark typographic breakdown of program outcomes and curriculum details culminating in a vivid magenta apply action.

    Mood
    quiet + clinical
    Layout
    1 col · asymmetric · balanced
    Open section →
    A restrained, dark typographic breakdown of program outcomes and curriculum details culminating in a vivid magenta apply action.
  15. 14

    faq

    A restrained dark FAQ section structured with crisp horizontal rules and delicate accordion indicators.

    Mood
    quiet + clinical
    Layout
    1 col · split · balanced
    Open section →
    A restrained dark FAQ section structured with crisp horizontal rules and delicate accordion indicators.
  16. 15

    testimonial

    Subdued dark testimonial strip showcasing peer feedback in clean, structured cards with muted typography and avatar badges.

    Mood
    quiet + clinical
    Layout
    1 col · grid · balanced
    Open section →
    Subdued dark testimonial strip showcasing peer feedback in clean, structured cards with muted typography and avatar badges.
  17. 16

    footer

    Strong

    Austere, midnight-black typographic footer with immense negative space on the left and a singular hit of neon magenta.

    Mood
    quiet + clinical
    Layout
    1 col · asymmetric · airy
    Open section →
    Austere, midnight-black typographic footer with immense negative space on the left and a singular hit of neon magenta.

More like this

by shared mood