MUUDS

Curated catalog of analyzed web design.

Oxide

Engineered, uncompromising technical restraint. High-fidelity hardware photography and live CLI interfaces emerge from an obsidian void, punctuated only by phosphor-green telemetry and crisp monospaced schematics. It evokes the quiet, immense power of a hyper-scale data center rack.

Visit site

Colour

Background#0b0e12
Text#dedede
Accent#00da91
Surface#181a1d
Muted#818284

Typefaces

Display
SuisseIntl
Body
SuisseIntl
Mono
GT America Mono
Source
unknown
Scale
10 · 11 · 12 · 13 · 14 · 16

Layout

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

Capture

Category
tools
Sections
11
Captured
2026-08-29
Rhythm
all dark: deep black and slate grey surfaces throughout

Type rules

  • GT America Mono reserved for terminal displays, metric grids, code, and figure callouts
  • Display headlines set in sentence case with tight tracking (-0.025em)
  • Metadata and eyebrow badges set in uppercase monospace

Colour rules

  • Phosphor green (#00da91) used exclusively for active terminals, telemetry highlights, and primary actions
  • Dark charcoal surfaces (#181a1d) bounded by subtle 1px hairlines (#1f2124) against obsidian (#0b0e12)

Voice rules

  • lead with rigorous infrastructure engineering claims rather than vague benefits
  • present architectural comparisons and telemetry through authentic CLI commands and ASCII diagrams

Holds it together

  • render architectural diagrams and status flows as raw ASCII or monospaced telemetry blocks
  • annotate UI surfaces and hardware viewports with uppercase figure labels (e.g. FIG. 1 OXIDE CLOUD COMPUTER)
  • use green phosphor accents strictly for verified states, terminal prompts, and primary conversion points
  • structure comparison and telemetry sections in high-density multi-column modular grids

Contrast

text on background14.4:1 AAA
muted text on background5.0:1 AA
text on surface13.0:1 AAA
accent on background10.5:1 AAA
background on accent10.5:1 AAA

Type, measured

Body
12px / 1
Measure
1 characters
Display
65px / 1
Tracking
-0.025em display
Scale ratio
1.53

Voice

Tone
technical, authoritative, precise
Sentences
short
Person
third
Vocabulary
technical
Calls to action
try, contact, explore

Built with

Builder
Framework
Motion
WebGL
yes
Nav
top_bar, 4 items
Length
10.9 screens

Sections in page order

3 marked strong · 11

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

  1. 00

    hero

    Engineered and precise dark hero juxtaposing an authentic command-line interface against an imposing, glowing server rack render.

    Mood
    clinical + raw
    Layout
    1 col · split · balanced
    Open section →
    Engineered and precise dark hero juxtaposing an authentic command-line interface against an imposing, glowing server rack render.
  2. 01

    hero

    Strong

    A hyper-precise, engineered data center environment rendered in industrial detail with a terminal-style interface floating in space.

    Mood
    clinical + raw
    Layout
    16 col · full bleed · airy
    Open section →
    A hyper-precise, engineered data center environment rendered in industrial detail with a terminal-style interface floating in space.
  3. 02

    statement

    Sparse, clinical dark layout with subtle typographical emphasis creating a precise, restrained technical statement.

    Mood
    clinical + quiet
    Layout
    11 col · asymmetric · airy
    Open section →
    Sparse, clinical dark layout with subtle typographical emphasis creating a precise, restrained technical statement.
  4. 03

    feature grid

    Precision-engineered dark telemetry cards display live compute metrics above a heavy, high-contrast narrative statement.

    Mood
    clinical + raw
    Layout
    4 col · grid · dense
    Open section →
    Precision-engineered dark telemetry cards display live compute metrics above a heavy, high-contrast narrative statement.
  5. 04

    comparison

    A stark, technical comparison using terminal-style ASCII diagrams to deconstruct infrastructure trade-offs before dropping into a bold thesis statement.

    Mood
    raw + clinical
    Layout
    1 col · stacked · dense
    Open section →
    A stark, technical comparison using terminal-style ASCII diagrams to deconstruct infrastructure trade-offs before dropping into a bold thesis statement.
  6. 05

    feature grid

    Strong

    Dense, engineered dark grid pairing terminal diagnostics with hardware photography.

    Mood
    clinical + raw
    Layout
    9 col · grid · dense
    Open section →
    Dense, engineered dark grid pairing terminal diagnostics with hardware photography.
  7. 06

    showcase

    Dark, ultra-precise infrastructure console mockup paired with crisp monospace data tables and a subtle technical newsletter signup.

    Mood
    clinical + raw
    Layout
    13 col · stacked · dense
    Open section →
    Dark, ultra-precise infrastructure console mockup paired with crisp monospace data tables and a subtle technical newsletter signup.
  8. 07

    feature grid

    A quiet, highly disciplined grid of infrastructure use-case cards rendered in muted slate and dark charcoal.

    Mood
    clinical + quiet
    Layout
    3 col · grid · dense
    Open section →
    A quiet, highly disciplined grid of infrastructure use-case cards rendered in muted slate and dark charcoal.
  9. 08

    feature grid

    Highly engineered dark-mode sector breakdown featuring schematic node diagrams, code snippets, and precise monospace telemetry.

    Mood
    clinical + raw
    Layout
    3 col · grid · balanced
    Open section →
    Highly engineered dark-mode sector breakdown featuring schematic node diagrams, code snippets, and precise monospace telemetry.
  10. 09

    showcase

    Strong

    A technical dark-mode hardware showcase pairing an interactive blueprint grid viewport with numbered monospaced engineering specifications.

    Mood
    clinical + raw
    Layout
    14 col · split · balanced
    Open section →
    A technical dark-mode hardware showcase pairing an interactive blueprint grid viewport with numbered monospaced engineering specifications.
  11. 10

    feature grid

    Sparse, dark technical feature grid presenting enterprise infrastructure capabilities with engineered restraint.

    Mood
    clinical + quiet
    Layout
    12 col · grid · airy
    Open section →
    Sparse, dark technical feature grid presenting enterprise infrastructure capabilities with engineered restraint.