MUUDS

Curated catalog of analyzed web design.

Overmind

Cybernetic retro-computing terminal aesthetic. Dense pixel typography and amber CRT phosphor glow contrast against pitch-black technical dashboards.

Visit site

Colour

Background#16120f
Text#ffffff
Accent#ed670f
Surface#201c19
Muted#cecdc9

Typefaces

Display
Pixelify Sans
Body
GeistPixelSquare
Mono
mondwest
Source
google
Scale
14 · 16 · 18 · 24 · 48 · 96

Layout

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

Capture

Category
ai
Sections
10
Captured
2026-08-29
Rhythm
dark x9 → light

Type rules

  • headlines rendered in retro pixel display type
  • body text set at comfortable 65-character line length

Colour rules

  • deep phosphor black background across entire layout
  • amber-orange reserved for primary interactive buttons and active telemetry data

Voice rules

  • use precise ML telemetry and infrastructure terminology
  • format eyebrow labels in uppercase telemetry style

Holds it together

  • pair pixel-art retro typography with high-density technical UI mockups
  • use glowing orange borders and text to highlight live operational states
  • maintain deep terminal dark theme continuously across sections

Contrast

text on background18.6:1 AAA
muted text on background11.7:1 AAA
text on surface16.9:1 AAA
accent on background5.8:1 AA
background on accent5.8:1 AA

Type, measured

Body
24px / 1.2
Measure
65 characters
Display
96px / 1
Tracking
-0.008em display
Scale ratio
1.41

Voice

Tone
technical, authoritative, direct
Sentences
short
Person
second
Vocabulary
specialized
Calls to action
explore, login, talk

Built with

Builder
Framework
next
Motion
WebGL
Nav
top_bar, 6 items
Length
11.8 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

    Pixel-art nostalgia meets sci-fi cybernetics in a dark, glowing retro CRT monitor framing an intricate orange telemetry interface.

    Mood
    nostalgic + raw
    Layout
    15 col · stacked · balanced
    Open section →
    Pixel-art nostalgia meets sci-fi cybernetics in a dark, glowing retro CRT monitor framing an intricate orange telemetry interface.
  2. 01

    feature grid

    Strong

    Dark technical feature cards pairing retro 8-bit pixel typography and monochrome icons with sharp serif headings.

    Mood
    nostalgic + raw
    Layout
    2 col · stacked · dense
    Open section →
    Dark technical feature cards pairing retro 8-bit pixel typography and monochrome icons with sharp serif headings.
  3. 02

    feature

    Dark technical dashboard feature pairing retro pixel typography with an intricate node-based agent observability graph.

    Mood
    clinical + nostalgic
    Layout
    13 col · split · dense
    Open section →
    Dark technical dashboard feature pairing retro pixel typography with an intricate node-based agent observability graph.
  4. 03

    feature

    Dark retro-computing feature section pairing pixelated typography with a dense observability table mockup.

    Mood
    nostalgic + clinical
    Layout
    13 col · split · dense
    Open section →
    Dark retro-computing feature section pairing pixelated typography with a dense observability table mockup.
  5. 04

    feature

    A dark retro-futuristic developer tool layout combining pixelated display typography, orange accents, and a complex technical data interface.

    Mood
    raw + nostalgic
    Layout
    12 col · split · dense
    Open section →
    A dark retro-futuristic developer tool layout combining pixelated display typography, orange accents, and a complex technical data interface.
  6. 05

    feature

    Dark developer feature section combining pixelated typography with an intricate evaluation metrics table.

    Mood
    raw + clinical
    Layout
    14 col · split · dense
    Open section →
    Dark developer feature section combining pixelated typography with an intricate evaluation metrics table.
  7. 06

    feature

    Dark retro-computing interface combining pixelated typography, terminal evaluations, and vibrant orange accents.

    Mood
    nostalgic + clinical
    Layout
    16 col · split · dense
    Open section →
    Dark retro-computing interface combining pixelated typography, terminal evaluations, and vibrant orange accents.
  8. 07

    feature

    Dark retro-technical product feature pairing detailed training dashboards with warm pixelated typography and an orange CTA.

    Mood
    raw + nostalgic
    Layout
    2 col · split · dense
    Open section →
    Dark retro-technical product feature pairing detailed training dashboards with warm pixelated typography and an orange CTA.
  9. 08

    pricing

    Strong

    A dark, pixel-rendered terminal comparison calculator with an amber slider and dense technical cost metrics.

    Mood
    raw + clinical
    Layout
    12 col · grid · dense
    Open section →
    A dark, pixel-rendered terminal comparison calculator with an amber slider and dense technical cost metrics.
  10. 09

    other

    A stark and empty spacer section creating an airy breathing room between dense content blocks.

    Mood
    quiet + raw
    Layout
    8 col · centered · airy
    Open section →
    A stark and empty spacer section creating an airy breathing room between dense content blocks.