SearchSubmit
MUUDS

Curated catalog of analyzed web design.

The Content Architecture

Engineering-grade and terminal-inspired. Raw ASCII art graphics and dense monospaced readouts give it a utilitarian, developer-first honesty. Warm cream split screens collide with charcoal canvas viewports.

clinicalcontemplativegrittynostalgic
Visit site

Rated

6.5/ 10

From 10 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
9.4
Systemmeasured
4.9
Distinctionmeasured
2.0
on the grid
0%
vertical rhythm
71%
type on a scale
67%
contrast passing AA
60%
unlike the library
0.54
model craft
7.9/10
model deviation
7.0/10

Colour

Background#232323
Text#dedede
Accent#ff9100
Surface#f1eee7
Muted#5b5a56

Typefaces

Display
GeistSans
Body
GeistSans
Mono
GeistMono
Source
self_hosted
Scale
11 · 12 · 14 · 15 · 16 · 17

Layout

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

Capture

Category
tools
Sections
10
Captured
2026-09-16
Rhythm
cream x2 → dark x3 → cream → dark x2

Type rules

  • body text runs long measures up to 111 characters in dense technical descriptions
  • mono font applied to numbers, metadata tags, system stats, and structural labels
  • display headlines use tight line height with sentence case

Colour rules

  • cream and deep charcoal background blocks alternate to divide the narrative
  • orange accent used sparingly on indicators and active badges

Voice rules

  • lead with the technical reality of developer time lost
  • use precise terminology like schema, mcp, draft mode, and cache without abstraction

Holds it together

  • render visual diagrams and showcase previews via ASCII character art instead of standard screenshots
  • prefix feature items and time counters with monospaced index numbers
  • pair warm cream structural sections with dense dark interactive terminal panels

Contrast

text on background11.7:1 AAA
muted text on background2.3:1 fail
text on surface1.2:1 fail
accent on background7.0:1 AA
background on accent7.0:1 AA

Type, measured

Body
14px / 1.62
Measure
111 characters
Display
46px / 1.1
Tracking
0em display
Scale ratio
1.35

Voice

Tone
declarative, technical, stoic
Sentences
medium
Person
second
Vocabulary
technical
Calls to action
get, access, subscribe

Built with

Builder
—
Framework
next
Motion
lenis
WebGL
yes
Nav
top_bar, 8 items
Length
14.7 screens
Mode

Sections in page order

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

  1. 00

    hero

    Strong

    Austere technical hero splitting editorial documentation against a dark typographic vortex of repeating kinetic text rings.

    Mood
    clinical + rebellious
    Layout
    2 col · split · balanced
    Open section →
    Austere technical hero splitting editorial documentation against a dark typographic vortex of repeating kinetic text rings.
  2. 01

    statement

    A thoughtful developer problem statement pairing a dark monospace terminal card with crisp editorial typography on a warm cream canvas.

    Mood
    contemplative + clinical
    Layout
    2 col · split · balanced
    Open section →
    A thoughtful developer problem statement pairing a dark monospace terminal card with crisp editorial typography on a warm cream canvas.
  3. 02

    feature grid

    Strong

    A stark, terminal-inspired dark feature list set against a dense field of ASCII glyphs and code fragments.

    Mood
    gritty + mysterious
    Layout
    2 col · split · dense
    Open section →
    A stark, terminal-inspired dark feature list set against a dense field of ASCII glyphs and code fragments.
  4. 03

    feature

    Strong

    A dense, dark terminal and code editor window displaying project files and documentation with austere technical precision.

    Mood
    clinical + gritty
    Layout
    2 col · split · dense
    Open section →
    A dense, dark terminal and code editor window displaying project files and documentation with austere technical precision.
  5. 04

    showcase

    Stark terminal-style showcase rendering web projects through custom ASCII art across a disciplined two-column grid.

    Mood
    nostalgic + gritty
    Layout
    2 col · grid · dense
    Open section →
    Stark terminal-style showcase rendering web projects through custom ASCII art across a disciplined two-column grid.
  6. 05

    testimonial

    A dark, utilitarian terminal slider presenting client testimonials through an unpolished code-editor aesthetic.

    Mood
    gritty + contemplative
    Layout
    2 col · split · dense
    Open section →
    A dark, utilitarian terminal slider presenting client testimonials through an unpolished code-editor aesthetic.
  7. 06

    pricing

    Precise developer pricing section pairing warm cream canvas with dark modular cards and numbered monospace specification rows.

    Mood
    clinical + serene
    Layout
    2 col · stacked · balanced
    Open section →
    Precise developer pricing section pairing warm cream canvas with dark modular cards and numbered monospace specification rows.
  8. 07

    faq

    Dense, technical developer FAQ presented as a two-column layout with numbered monospace accordions over a subtle textured typographic background.

    Mood
    clinical + gritty
    Layout
    2 col · split · dense
    Open section →
    Dense, technical developer FAQ presented as a two-column layout with numbered monospace accordions over a subtle textured typographic background.
  9. 08

    statement

    A retro computing terminal banner constructed from dense ASCII art glyphs framed inside a dark card.

    Mood
    nostalgic + rebellious
    Layout
    1 col · centered · balanced
    Open section →
    A retro computing terminal banner constructed from dense ASCII art glyphs framed inside a dark card.
  10. 09

    footer

    Dark utilitarian footer embedded over a dense monospace background matrix with split newsletter signup and vertical navigation.

    Mood
    gritty + mysterious
    Layout
    2 col · split · dense
    Open section →
    Dark utilitarian footer embedded over a dense monospace background matrix with split newsletter signup and vertical navigation.

More like this

by shared mood