SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Basement Studio

Unapologetic digital craft with an underground, tech-native edge. An interactive 3D virtual loft gives way to stark pitch-black sections anchored by ultra-tight grotesque typography, crisp logo matrices, and massive monolithic brandmarks.

nostalgicboldclinicalquieteditorialraw
Visit site ↗

Colour

Background#000000
Text#e6e6e6
Accent#ff4d00
Surface#1a1a1a
Muted#c4c4c4

Typefaces

Display
Geist
Body
Geist
Mono
Geist Mono
Source
self_hosted
Scale
12 · 13 · 20 · 24 · 38 · 76

Layout

Grid
12 columns
Container
1408px
Spacing base
4px
Radius
0px

Capture

Category
studio
Sections
11
Captured
2026-08-27
Rhythm
dark x11

Type rules

  • display typography set tight at negative tracking (-0.04em) and tight leading (0.9)
  • body text constrained to narrow measures of approximately 35 characters

Colour rules

  • maintain uninterrupted pure black (#000000) canvas across all sections
  • reserve safety orange (#ff4d00) strictly for active UI states and toggles

Voice rules

  • lead with punchy, unvarnished statements
  • surface email directly in primary action headlines

Holds it together

  • maintain a pure black (#000000) canvas across every section without background alternation
  • tightly track display headlines with compact leading for high graphic density
  • contain logos and capability lists within subtle wireframe grid borders

Contrast

text on background16.8:1 AAA
muted text on background12.0:1 AAA
text on surface13.9:1 AAA
accent on background6.3:1 AA
background on accent6.3:1 AA

Type, measured

Body
20px / 1
Measure
35 characters
Display
87px / 0.9
Tracking
-0.04em display
Scale ratio
1.44

Voice

Tone
confident, irreverent, direct
Sentences
short
Person
first
Vocabulary
colloquial
Calls to action
roll, contact, send

Built with

Builder
—
Framework
next
Motion
—
WebGL
yes
Nav
sticky_top_bar, 6 items, sticky
Length
7 screens

Colour, by area

accent on link, text
#000000 0%#2e2e2e 0%#1a1a1a 0%

Sections in page order

3 strongest marked · 11

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

  1. 00

    hero

    Strongest

    An immersive, dark 3D virtual clubhouse rendered with atmospheric moody lighting, arcade elements, and spatial storytelling.

    Mood
    nostalgic + dreamy
    Layout
    12 col · full bleed · airy
    Open section →
    An immersive, dark 3D virtual clubhouse rendered with atmospheric moody lighting, arcade elements, and spatial storytelling.
  2. 01

    hero

    An unapologetic, high-contrast dark statement hero dominated by massive neo-grotesque typography and provocative studio copy.

    Mood
    bold + raw
    Layout
    7 col · stacked · airy
    Open section →
    An unapologetic, high-contrast dark statement hero dominated by massive neo-grotesque typography and provocative studio copy.
  3. 02

    logo bar

    Strongest

    A dense, sharp grid of high-contrast monochrome logos framed in razor-thin border cells against pure black.

    Mood
    clinical + raw
    Layout
    8 col · grid · dense
    Open section →
    A dense, sharp grid of high-contrast monochrome logos framed in razor-thin border cells against pure black.
  4. 03

    showcase

    Monochrome, high-precision portfolio showcase with generative point-cloud artwork on a pure black field.

    Mood
    clinical + quiet
    Layout
    12 col · split · airy
    Open section →
    Monochrome, high-precision portfolio showcase with generative point-cloud artwork on a pure black field.
  5. 04

    showcase

    A split portfolio showcase pairing a soft, shadow-dappled brand identity visual against stark, minimalist editorial type on black.

    Mood
    quiet + editorial
    Layout
    12 col · split · airy
    Open section →
    A split portfolio showcase pairing a soft, shadow-dappled brand identity visual against stark, minimalist editorial type on black.
  6. 05

    showcase

    A stark split showcase balancing a textured sky artwork panel against crisp editorial typography on deep black.

    Mood
    editorial + bold
    Layout
    2 col · split · airy
    Open section →
    A stark split showcase balancing a textured sky artwork panel against crisp editorial typography on deep black.
  7. 06

    showcase

    A stark dark case study showcase pairing a vibrant pink pop graphic with clean Swiss typography on a deep black background.

    Mood
    bold + playful
    Layout
    12 col · split · airy
    Open section →
    A stark dark case study showcase pairing a vibrant pink pop graphic with clean Swiss typography on a deep black background.
  8. 07

    statement

    A stark, oversized typographic statement on pure black delivering an uncompromising studio manifesto with tight leading.

    Mood
    bold + clinical
    Layout
    1 col · stacked · balanced
    Open section →
    A stark, oversized typographic statement on pure black delivering an uncompromising studio manifesto with tight leading.
  9. 08

    feature grid

    A clean, dark four-column service matrix pairing understated typography with boxed capability tags.

    Mood
    clinical + quiet
    Layout
    16 col · grid · balanced
    Open section →
    A clean, dark four-column service matrix pairing understated typography with boxed capability tags.
  10. 09

    cta

    Stark, high-contrast typography set against a subtle diagonal hatch texture, delivering a confident and direct call to connect.

    Mood
    bold + raw
    Layout
    8 col · stacked · airy
    Open section →
    Stark, high-contrast typography set against a subtle diagonal hatch texture, delivering a confident and direct call to connect.
  11. 10

    footer

    Strongest

    Massive edge-to-edge brutalist wordmark sits atop a deep black void with asymmetric lower navigation and newsletter signup.

    Mood
    raw + bold
    Layout
    12 col · grid · airy
    Open section →
    Massive edge-to-edge brutalist wordmark sits atop a deep black void with asymmetric lower navigation and newsletter signup.

More like this

by shared mood