MUUDS

Curated catalog of analyzed web design.

Genesis Block

Sparse, institutional, and clinical. Pitch-black stages isolate precise geometric wireframe diagrams alongside clean white sans-serif typography, giving Web3 infrastructure an austere advisory presence.

Visit site

Colour

Background#000000
Text#ffffff
Accent#ffffff
Surface#000000
Muted#ffffff

Typefaces

Display
Rubik
Body
Rubik
Mono
Source
self_hosted
Scale
14 · 16 · 18 · 24 · 44 · 48

Layout

Grid
Container
Spacing base
4px
Radius
0px · 999px

Capture

Category
finance
Sections
10
Captured
2026-08-30
Rhythm
dark x10

Type rules

  • display headings set in sentence case Rubik with zero tracking
  • body paragraphs wrap at an 80-character maximum measure with relaxed line height

Colour rules

  • pure pitch-black background throughout the entire narrative with no surface color shifts
  • monochrome white type paired with thin neon gradient wireframe illustrations

Voice rules

  • lead with macro-economic and infrastructure positioning
  • keep descriptions dense and institutional

Holds it together

  • alternate text and wireframe illustration positions across sequential feature sections
  • use subtle numeric step pagination below each feature text block
  • enclose pill actions in fine hairline gradient borders against pure black

Contrast

text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA

Type, measured

Body
18px / 1.78
Measure
80 characters
Display
96px / 1
Tracking
0em display
Scale ratio
1.52

Voice

Tone
technical, declarative, composed
Sentences
medium
Person
first
Vocabulary
technical
Calls to action
send, contact, explore

Built with

Builder
webflow
Framework
Motion
gsap
WebGL
Nav
top_bar, 5 items
Length
10.1 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

    Minimalist dark crypto hero featuring precise sentence-case typography set against a glowing geometric wireframe cube.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Minimalist dark crypto hero featuring precise sentence-case typography set against a glowing geometric wireframe cube.
  2. 01

    feature grid

    Stark, pitch-black three-column pillar layout with minimalist neon wireframe icons and centered corporate advisory copy.

    Mood
    clinical + quiet
    Layout
    3 col · grid · airy
    Open section →
    Stark, pitch-black three-column pillar layout with minimalist neon wireframe icons and centered corporate advisory copy.
  3. 02

    feature

    A quiet, dark infrastructure feature pairing a minimalist glowing isometric wireframe cube with concise sans-serif explanatory text.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    A quiet, dark infrastructure feature pairing a minimalist glowing isometric wireframe cube with concise sans-serif explanatory text.
  4. 03

    feature

    Precise geometric wireframe cubes float on pure black beside clean technical copy and minimal numeric navigation.

    Mood
    clinical + quiet
    Layout
    1 col · split · airy
    Open section →
    Precise geometric wireframe cubes float on pure black beside clean technical copy and minimal numeric navigation.
  5. 04

    feature

    Minimalist pitch-black feature panel balancing technical copy against an ethereal isometric wireframe stack.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    Minimalist pitch-black feature panel balancing technical copy against an ethereal isometric wireframe stack.
  6. 05

    feature

    Strong

    Sparse and clinical dark section pairing crypto strategy copy with an isometric wireframe graphic.

    Mood
    clinical + quiet
    Layout
    16 col · split · airy
    Open section →
    Sparse and clinical dark section pairing crypto strategy copy with an isometric wireframe graphic.
  7. 06

    feature

    Strong

    An austere dark feature slide balancing quiet left-aligned typography with an abstract glowing wireframe diagram.

    Mood
    clinical + quiet
    Layout
    1 col · split · airy
    Open section →
    An austere dark feature slide balancing quiet left-aligned typography with an abstract glowing wireframe diagram.
  8. 07

    feature

    Deep black presentation featuring a minimalist isometric wireframe glyph beside structured corporate financial copy.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    Deep black presentation featuring a minimalist isometric wireframe glyph beside structured corporate financial copy.
  9. 08

    feature

    Strong

    A minimalist dark split layout pairing an isometric geometric wireframe graphic with clean editorial copy and subtle numeric pagination.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    A minimalist dark split layout pairing an isometric geometric wireframe graphic with clean editorial copy and subtle numeric pagination.
  10. 09

    cta

    A stark, dark-mode contact section pairing a clear collaborative headline with a streamlined form and gradient-outlined button.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    A stark, dark-mode contact section pairing a clear collaborative headline with a streamlined form and gradient-outlined button.

More like this

by shared mood