MUUDS

Curated catalog of analyzed web design.

Forge

High-energy agency aesthetic driven by ultra-condensed uppercase headlines and electric lime accents over deep black-green surfaces. Glossy 3D ribbons and character art inject playful tactile texture into structured bento cards. Pale mint and cream panels interject to break up the dense dark-mode rhythm.

Visit site

Colour

Background#090d06
Text#f1fbe8
Accent#a9ff5c
Surface#1f2b15
Muted#979f90

Typefaces

Display
Futura Pt Cond
Body
Tttravels
Mono
Source
unknown
Scale
14 · 16 · 18 · 20 · 40 · 48

Layout

Grid
Container
Spacing base
4px
Radius
16px · 24px

Capture

Category
agency
Sections
12
Captured
2026-08-29
Rhythm
dark → light → mixed → dark x6 → light → mixed → dark

Type rules

  • display typography set in ultra-condensed uppercase
  • body text measure kept under 50 characters

Colour rules

  • electric lime accents highlight primary headline keywords
  • dark forest green dominates 70% of surfaces

Voice rules

  • uppercase display headlines
  • direct action verbs on buttons

Holds it together

  • highlight one key word per headline in electric lime
  • render cards with generous corner radiuses and subtle hairline borders
  • pair dark background blocks with high-contrast tactile 3D imagery

Contrast

text on background18.4:1 AAA
muted text on background7.2:1 AAA
text on surface13.9:1 AAA
accent on background16.0:1 AAA
background on accent16.0:1 AAA

Type, measured

Body
20px / 1.4
Measure
49 characters
Display
112px / 0.92
Tracking
-0.02em display
Scale ratio
1.54

Voice

Tone
declarative, confident
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
book, get, send

Built with

Builder
webflow
Framework
Motion
WebGL
Nav
Length
13.3 screens

Sections in page order

3 marked strong · 12

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

  1. 00

    hero

    High-impact dark hero pairing oversized condensed neon typography with a subtle wireframe topography background.

    Mood
    bold + clinical
    Layout
    16 col · centered · balanced
    Open section →
    High-impact dark hero pairing oversized condensed neon typography with a subtle wireframe topography background.
  2. 01

    feature grid

    Strong

    Vibrant, tactile bento grid combining punchy condensed typography with organic, swirling 3D ribbon textures across pastel-hued cards.

    Mood
    playful + bold
    Layout
    2 col · grid · balanced
    Open section →
    Vibrant, tactile bento grid combining punchy condensed typography with organic, swirling 3D ribbon textures across pastel-hued cards.
  3. 02

    feature grid

    High-contrast feature grid with bright lime-tinted cards displaying glossy 3D icons set against a deep dark background.

    Mood
    bold + playful
    Layout
    3 col · grid · balanced
    Open section →
    High-contrast feature grid with bright lime-tinted cards displaying glossy 3D icons set against a deep dark background.
  4. 03

    feature

    Dark, structured process section featuring heavy condensed uppercase typography and a glowing green geometric vortex graphic.

    Mood
    bold + clinical
    Layout
    2 col · split · airy
    Open section →
    Dark, structured process section featuring heavy condensed uppercase typography and a glowing green geometric vortex graphic.
  5. 04

    cta

    Deep green centered call-to-action with condensed uppercase headline framed by monochromatic 3D finance icons.

    Mood
    bold + playful
    Layout
    12 col · centered · balanced
    Open section →
    Deep green centered call-to-action with condensed uppercase headline framed by monochromatic 3D finance icons.
  6. 05

    stats

    Punchy, high-contrast dark green stats banner transitioning into an electric lime uppercase testimonial headline.

    Mood
    bold
    Layout
    12 col · stacked · airy
    Open section →
    Punchy, high-contrast dark green stats banner transitioning into an electric lime uppercase testimonial headline.
  7. 06

    testimonial

    A dense, low-contrast masonry grid of dark forest green testimonial cards with muted lime accents and small user avatars.

    Mood
    quiet
    Layout
    4 col · grid · dense
    Open section →
    A dense, low-contrast masonry grid of dark forest green testimonial cards with muted lime accents and small user avatars.
  8. 07

    feature grid

    Strong

    High-contrast 2x2 grid of alternating dark visual and pastel text cards anchored by a massive condensed headline.

    Mood
    bold
    Layout
    2 col · grid · balanced
    Open section →
    High-contrast 2x2 grid of alternating dark visual and pastel text cards anchored by a massive condensed headline.
  9. 08

    faq

    Bold, punchy FAQ section combining heavy condensed typography with high-contrast lime green accordion pills on an ultra-dark backdrop.

    Mood
    bold + playful
    Layout
    8 col · stacked · balanced
    Open section →
    Bold, punchy FAQ section combining heavy condensed typography with high-contrast lime green accordion pills on an ultra-dark backdrop.
  10. 09

    cta

    Two rounded pale mint cards with bold dark green typography and app-style squircle icons offer clear contact paths.

    Mood
    playful + warm
    Layout
    2 col · grid · airy
    Open section →
    Two rounded pale mint cards with bold dark green typography and app-style squircle icons offer clear contact paths.
  11. 10

    cta

    Strong

    A playful contact section pairing a dark olive form card with a quirky 3D furry character illustration in vibrant saturated tones.

    Mood
    playful + bold
    Layout
    12 col · split · balanced
    Open section →
    A playful contact section pairing a dark olive form card with a quirky 3D furry character illustration in vibrant saturated tones.
  12. 11

    footer

    A compact, deep green footer framed within rounded corners, punctuated by vivid electric-green brand accents and clean navigation links.

    Mood
    quiet + clinical
    Layout
    12 col · stacked · balanced
    Open section →
    A compact, deep green footer framed within rounded corners, punctuated by vivid electric-green brand accents and clean navigation links.