SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Selected Site

Utilitarian, high-density analytics tool wrapped in pitch black. Monospaced-feeling precision with tight Inter typography, muted borders, and sparkline trends creates a quiet, financial-terminal mood for digital assets.

clinical
Visit site

Colour

Background#000000
Text#ffffff
Accent#ff5225
Surface#050505
Muted#a3a3a3

Typefaces

Display
Inter
Body
Inter
Mono
—
Source
google
Scale
10 · 11 · 12 · 14 · 16 · 18

Layout

Grid
16 columns
Container
1268px
Spacing base
4px
Radius
4px · 8px · 9999px

Capture

Category
tools
Sections
5
Captured
2026-08-29
Rhythm
dark x5

Type rules

  • display type tightly tracked at -0.04em in sentence case
  • table data and body text tightly set at 11px for maximum analytical density
  • muted gray secondary lines to create strong visual hierarchy within compact rows

Colour rules

  • pure black backgrounds across all sections with subtle #050505 or #171717 row elevation
  • vibrant orange #ff5225 reserved strictly for featured tags and badges
  • green #22c55e used only for positive metrics and upward trend indicators

Voice rules

  • dense metadata labels over descriptive copy
  • factual leaderboard statements

Holds it together

  • render data in compact table rows separated by hairline borders
  • use capsule pills with muted background fills for categories and metadata tags
  • highlight featured listings with dedicated orange pill badges and subtle ambient glow

Contrast

text on background21.0:1 AAA
muted text on background8.3:1 AAA
text on surface20.4:1 AAA
accent on background6.5:1 AA
background on accent6.5:1 AA

Type, measured

Body
11px / 1.63
Measure
54 characters
Display
46px / 0.95
Tracking
-0.04em display
Scale ratio
1.43

Voice

Tone
objective, analytical
Sentences
short
Person
third
Vocabulary
plain
Calls to action
submit, explore

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
sticky_top_bar, 8 items, sticky
Length
16.9 screens

Sections in page order

3 marked strong · 5

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

  1. 00

    hero

    A pitch-black minimalist hero pairing stark typography with a crisp floating product showcase card.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    A pitch-black minimalist hero pairing stark typography with a crisp floating product showcase card.
  2. 01

    showcase

    Strong

    A sleek, dark-mode product directory and ranking leaderboard presenting template cards above a detailed analytical data table.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · dense
    Open section →
    A sleek, dark-mode product directory and ranking leaderboard presenting template cards above a detailed analytical data table.
  3. 02

    showcase

    Strong

    A sleek, dark directory table ranking digital products with sparklines, pill tags, and a glowing featured row.

    Mood
    clinical + quiet
    Layout
    16 col · stacked · dense
    Open section →
    A sleek, dark directory table ranking digital products with sparklines, pill tags, and a glowing featured row.
  4. 03

    showcase

    Strong

    A sleek dark-mode directory table displaying ranked items with product previews, metadata pills, and micro sparklines.

    Mood
    clinical + quiet
    Layout
    16 col · stacked · dense
    Open section →
    A sleek dark-mode directory table displaying ranked items with product previews, metadata pills, and micro sparklines.
  5. 04

    showcase

    Dense, monochrome leaderboard table displaying ranked web templates with thumbnail previews, metadata pills, prices, and sparkline trends on pure black.

    Mood
    clinical + quiet
    Layout
    16 col · stacked · dense
    Open section →
    Dense, monochrome leaderboard table displaying ranked web templates with thumbnail previews, metadata pills, prices, and sparkline trends on pure black.