MUUDS

Curated catalog of analyzed web design.

Raycast

Precision-engineered and fiercely fast. An uncompromising deep-black environment lit by diagonal crimson light streaks and tactile macOS interface components. Every element conveys speed, craft, and total keyboard control.

Visit site

Colour

Background#07080a
Text#ffffff
Accent#ff6363
Surface#111214
Muted#9c9c9d

Typefaces

Display
Inter
Body
Inter
Mono
GeistMono
Source
self_hosted
Scale
10 · 12 · 14 · 16 · 18 · 20

Layout

Grid
Container
Spacing base
8px
Radius
8px · 12px

Capture

Category
tools
Sections
7
Captured
2026-08-30
Rhythm
dark x7

Type rules

  • body text runs to 75 characters per measure at 12px
  • monospace type is reserved exclusively for keyboard shortcuts and code metadata

Colour rules

  • accent #ff6363 appears strictly on interactive focal points and ambient background glows
  • secondary text uses muted grey #9c9c9d on pitch black backgrounds

Voice rules

  • headlines stay under six words
  • action verbs start all interactive and command descriptions

Holds it together

  • maintain an unbroken pitch-black background (#07080a) across every section
  • use luminous red streaks to frame key value propositions and hero statements
  • render keyboard shortcuts and terminal commands in monospace type inside rounded pill containers

Contrast

text on background20.0:1 AAA
muted text on background7.3:1 AAA
text on surface18.7:1 AAA
accent on background6.9:1 AA
background on accent6.9:1 AA

Type, measured

Body
12px / 1.5
Measure
75 characters
Display
64px / 1.1
Tracking
0em display
Scale ratio
1.52

Voice

Tone
declarative, confident
Sentences
short
Person
second
Vocabulary
technical
Calls to action
download, install, copy

Built with

Builder
Framework
next
Motion
WebGL
yes
Nav
Length
17.4 screens

Sections in page order

3 marked strong · 7

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

  1. 00

    hero

    Luminous red diagonal streaks slice through a pitch-black canvas behind bold, centered typography to evoke sleek, high-speed productivity.

    Mood
    bold + dreamy
    Layout
    1 col · centered · airy
    Open section →
    Luminous red diagonal streaks slice through a pitch-black canvas behind bold, centered typography to evoke sleek, high-speed productivity.
  2. 01

    showcase

    An expansive, pitch-black space anchored solely by restrained baseline copy and a floating category pill tab switcher.

    Mood
    quiet + clinical
    Layout
    1 col · split · airy
    Open section →
    An expansive, pitch-black space anchored solely by restrained baseline copy and a floating category pill tab switcher.
  3. 02

    showcase

    Strong

    Sleek, dark-mode software showcase featuring glowing app integration cards and precision micro-typography fading into a glowing AI feature introduction.

    Mood
    clinical + dreamy
    Layout
    1 col · stacked · balanced
    Open section →
    Sleek, dark-mode software showcase featuring glowing app integration cards and precision micro-typography fading into a glowing AI feature introduction.
  4. 03

    showcase

    A dark, precision-engineered launcher interface floats amidst sharp crimson light accents in a minimalist frame.

    Mood
    clinical + dreamy
    Layout
    1 col · centered · airy
    Open section →
    A dark, precision-engineered launcher interface floats amidst sharp crimson light accents in a minimalist frame.
  5. 04

    feature grid

    Sparse, ultra-dark feature grid with subtle typography and a quiet, minimal interactive presence.

    Mood
    quiet + clinical
    Layout
    3 col · grid · airy
    Open section →
    Sparse, ultra-dark feature grid with subtle typography and a quiet, minimal interactive presence.
  6. 05

    testimonial

    Strong

    Deep black, precision-engineered testimonial showcase with selective glowing tab highlights and structured user workflow breakdowns.

    Mood
    clinical + quiet
    Layout
    12 col · stacked · airy
    Open section →
    Deep black, precision-engineered testimonial showcase with selective glowing tab highlights and structured user workflow breakdowns.
  7. 06

    feature grid

    Strong

    Sleek and highly engineered dark-mode feature cards showcasing productivity shortcuts and workflows through polished UI components.

    Mood
    clinical + quiet
    Layout
    2 col · grid · balanced
    Open section →
    Sleek and highly engineered dark-mode feature cards showcasing productivity shortcuts and workflows through polished UI components.

More like this

by shared mood