SearchSubmit
MUUDS

Curated catalog of analyzed web design.

ASCII Magic

Retro-digital precision meets modern browser utility. High-contrast pixel typography and pitch-black backgrounds create an austere terminal aesthetic, energized by vibrant algorithmic dithering art and live interactive shaders.

nostalgicrawclinical
Visit site

Colour

Background#040406
Text#ffffff
Accent#ff8a3c
Surface#0f0f12
Muted#1a1a1c

Typefaces

Display
GeistPixel-Square
Body
Satoshi
Mono
—
Source
self_hosted
Scale
13 · 14 · 15 · 16 · 18 · 20

Layout

Grid
—
Container
—
Spacing base
6px
Radius
0px

Capture

Category
tools
Sections
11
Captured
2026-08-29
Rhythm
dark x11

Type rules

  • display headlines and section eyebrows rendered in GeistPixel-Square
  • body text rendered in Satoshi at 15px with 79 character max measure

Colour rules

  • background remains strictly dark #040406 across all sections
  • orange accent #ff8a3c used exclusively for release callouts and focused interactive indicators

Voice rules

  • lead with the transformation outcome
  • use precise algorithmic shader names without hype

Holds it together

  • render display headers and slash-prefixed category labels in pixel typography
  • enclose image tiles and interactive modules in fine 1px dark hairline borders
  • maintain an unbroken pure black canvas across all content sections

Contrast

text on background20.5:1 AAA
muted text on background1.2:1 fail
text on surface19.1:1 AAA
accent on background8.7:1 AAA
background on accent8.7:1 AAA

Type, measured

Body
15px / 1.47
Measure
79 characters
Display
52px / 1.18
Tracking
-0.01em display
Scale ratio
1.36

Voice

Tone
concise, creative
Sentences
short
Person
second
Vocabulary
plain
Calls to action
open, try, view

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 16 items
Length
13.2 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

    Interactive retro dither visualizer hero immediately demonstrating image transformation tools against a deep black canvas.

    Mood
    nostalgic + raw
    Layout
    1 col · full bleed · balanced
    Open section →
    Interactive retro dither visualizer hero immediately demonstrating image transformation tools against a deep black canvas.
  2. 01

    hero

    A stark, retro-digital statement with pixelated display typography set cleanly against an austere black background.

    Mood
    raw + nostalgic
    Layout
    12 col · split · airy
    Open section →
    A stark, retro-digital statement with pixelated display typography set cleanly against an austere black background.
  3. 02

    showcase

    A stark, retro-digital showcase pairing pixelated typographic accents with vibrant, ASCII-rendered community creations against a deep black canvas.

    Mood
    nostalgic + raw
    Layout
    14 col · split · balanced
    Open section →
    A stark, retro-digital showcase pairing pixelated typographic accents with vibrant, ASCII-rendered community creations against a deep black canvas.
  4. 03

    feature

    Strong

    Dark developer feature section combining crisp pixel typography with an atmospheric glowing particle cube and minimalist prompt UI.

    Mood
    raw + nostalgic
    Layout
    16 col · stacked · airy
    Open section →
    Dark developer feature section combining crisp pixel typography with an atmospheric glowing particle cube and minimalist prompt UI.
  5. 04

    showcase

    A dark, dense visual index of algorithmic art styles and dithering shaders presented in an expansive card grid.

    Mood
    nostalgic + raw
    Layout
    3 col · grid · dense
    Open section →
    A dark, dense visual index of algorithmic art styles and dithering shaders presented in an expansive card grid.
  6. 05

    showcase

    Dark showcase carousel featuring distinctive retro pixel typography over illuminated digital product cards.

    Mood
    nostalgic + raw
    Layout
    1 col · grid · balanced
    Open section →
    Dark showcase carousel featuring distinctive retro pixel typography over illuminated digital product cards.
  7. 06

    feature

    Strong

    Dark technical feature section pairing a luminous shader portrait with a structured pixel-font post-processing checklist panel.

    Mood
    clinical + nostalgic
    Layout
    16 col · split · balanced
    Open section →
    Dark technical feature section pairing a luminous shader portrait with a structured pixel-font post-processing checklist panel.
  8. 07

    showcase

    A dark, retro-digital preset showcase featuring glitchy dither previews framed by crisp pixel monospace typography.

    Mood
    nostalgic + raw
    Layout
    9 col · grid · balanced
    Open section →
    A dark, retro-digital preset showcase featuring glitchy dither previews framed by crisp pixel monospace typography.
  9. 08

    faq

    A crisp, pitch-black FAQ grid with minimal two-column accordions and subtle pixel font details.

    Mood
    clinical + raw
    Layout
    2 col · grid · balanced
    Open section →
    A crisp, pitch-black FAQ grid with minimal two-column accordions and subtle pixel font details.
  10. 09

    cta

    Strong

    Atmospheric and experimental dark section pairing sharp minimalist typography with an intricate ASCII-rendered visual backdrop.

    Mood
    raw + dreamy
    Layout
    12 col · split · balanced
    Open section →
    Atmospheric and experimental dark section pairing sharp minimalist typography with an intricate ASCII-rendered visual backdrop.
  11. 10

    footer

    A dense, well-structured dark footer organized into neat categorical link columns with crisp monochrome typography.

    Mood
    clinical + quiet
    Layout
    9 col · grid · dense
    Open section →
    A dense, well-structured dark footer organized into neat categorical link columns with crisp monochrome typography.