SearchSubmit
MUUDS

Curated catalog of analyzed web design.

PX PUSH

A retro-futuristic CRT workstation aesthetic meets brutalist agency design. Monospaced terminal readouts, scanline screen framing, and chrome 3D artifacts alternate with saturated electric cobalt blue sections.

nostalgicgrittyluxuriouscontemplativewhimsicalclinicalrebellious
Visit site

Rated

6.8/ 10

From 9 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.6
Systemmeasured
3.5
Distinctionmeasured
7.5
on the grid
0%
vertical rhythm
30%
type on a scale
50%
contrast passing AA
60%
unlike the library
1.04
model craft
8.0/10
model deviation
6.9/10

Colour

Background#1a1a1a
Text#ffffff
Accent#03049c
Surface#111111
Muted#bababa

Typefaces

Display
SemiSqueezed
Body
Mono
Mono
Mono
Source
self_hosted
Scale
11 · 12 · 17 · 26 · 40 · 64

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px

Capture

Category
agency
Sections
9
Captured
2026-09-16
Rhythm
slate → dark x2 → blue → dark → blue → dark

Type rules

  • display headlines run in ultra-condensed uppercase stretching across the viewport width
  • body copy is set in tightly tracked monospace at 17px with narrow line measures
  • technical labels and interface readouts use strict uppercase formatting

Colour rules

  • electric cobalt blue (#03049c) acts as an alternating full-bleed background for key value props
  • dark charcoal (#1a1a1a) grounds body text and pricing grids with white hairline dividers
  • all borders and structural lines maintain a crisp 1px neutral rule

Voice rules

  • prefix major blocks with catalog index tags like Nº001 / INTRO
  • render structural explanations in all-caps monospace console style

Holds it together

  • use simulated CRT monitor scanlines and vignette overlays on hero imagery
  • alternate dark industrial charcoal sections with full-bleed royal cobalt blue containers
  • number all content sections sequentially using Nº000 catalog markers
  • keep all table borders and interactive triggers structured with hairline grid rules

Contrast

text on background17.4:1 AAA
muted text on background9.0:1 AAA
text on surface18.9:1 AAA
accent on background1.2:1 fail
background on accent1.2:1 fail

Type, measured

Body
17px / 1.5
Measure
34 characters
Display
173px / 0.96
Tracking
-0.008em display
Scale ratio
1.79

Voice

Tone
direct, technical, confident
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
get, view, start

Built with

Builder
—
Framework
nuxt
Motion
—
WebGL
yes
Nav
sticky_top_bar, 5 items, sticky
Length
12.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

    Retro-futuristic CRT screen hero featuring a floating metallic object over a dreamy sky background with oversized marquee typography.

    Mood
    nostalgic + dreamy
    Layout
    2 col · full bleed · airy
    Open section →
    Retro-futuristic CRT screen hero featuring a floating metallic object over a dreamy sky background with oversized marquee typography.
  2. 01

    hero

    Strong

    Brutalist text-heavy hero styled like an industrial manual with dense condensed type and technical catalog numbering.

    Mood
    gritty + rebellious
    Layout
    2 col · asymmetric · dense
    Open section →
    Brutalist text-heavy hero styled like an industrial manual with dense condensed type and technical catalog numbering.
  3. 02

    showcase

    Dark, confident studio showcase pairing tightly packed editorial typography with polished 3D device mockups.

    Mood
    luxurious + clinical
    Layout
    3 col · stacked · balanced
    Open section →
    Dark, confident studio showcase pairing tightly packed editorial typography with polished 3D device mockups.
  4. 03

    statement

    A stark cobalt blue field holds a quiet typographic statement with vast negative space.

    Mood
    contemplative
    Layout
    2 col · asymmetric · airy
    Open section →
    A stark cobalt blue field holds a quiet typographic statement with vast negative space.
  5. 04

    feature

    Vibrant cobalt blue feature section pairing stark monospaced typography with a surreal photograph of a dangling telephone.

    Mood
    whimsical + contemplative
    Layout
    3 col · asymmetric · airy
    Open section →
    Vibrant cobalt blue feature section pairing stark monospaced typography with a surreal photograph of a dangling telephone.
  6. 05

    feature grid

    Vibrant cobalt blue accordion list juxtaposing precise technical index notation with surreal editorial photography.

    Mood
    whimsical + clinical
    Layout
    3 col · stacked · balanced
    Open section →
    Vibrant cobalt blue accordion list juxtaposing precise technical index notation with surreal editorial photography.
  7. 06

    pricing

    Monochrome, technical pricing section with stark black background, brutalist hairline dividers, and monospaced package specifications.

    Mood
    clinical + gritty
    Layout
    2 col · asymmetric · airy
    Open section →
    Monochrome, technical pricing section with stark black background, brutalist hairline dividers, and monospaced package specifications.
  8. 07

    pricing

    Electric blue Swiss-style pricing tier featuring dense tabular deliverables, stark monospace data, and a bold repeated headline band.

    Mood
    clinical + energetic
    Layout
    2 col · asymmetric · dense
    Open section →
    Electric blue Swiss-style pricing tier featuring dense tabular deliverables, stark monospace data, and a bold repeated headline band.
  9. 08

    footer

    Strong

    Electric blue footer dominated by massive undulating typography above minimalist monospace link tables.

    Mood
    rebellious + energetic
    Layout
    3 col · stacked · airy
    Open section →
    Electric blue footer dominated by massive undulating typography above minimalist monospace link tables.

More like this

by shared mood