SearchSubmit
MUUDS

Curated catalog of analyzed web design.

2021-refokus-com

Atmospheric and celebratory agency retrospective combining glossy 3D chrome hands with nostalgic pixel typography. Deep charcoal canvases are punctuated by ethereal gradient glows and bold electric violet focal points. Massive wireframed and filled uppercase typography drives a spacious, immersive scrollytelling experience.

dreamyquietnostalgicboldrawplayful
Visit site

Colour

Background#161616
Text#ffffff
Accent#7443ff
Surface#1c1c1e
Muted#d2d2d9

Typefaces

Display
Poppins
Body
Poppins
Mono
Silkscreen
Source
google
Scale
9 · 10 · 11 · 14 · 16 · 17

Layout

Grid
—
Container
—
Spacing base
8px
Radius
4px

Capture

Category
other
Sections
19
Captured
2026-08-30
Rhythm
dark x19

Type rules

  • massive uppercase display typography alternating between solid and wireframe outline strokes
  • pixel monospace font applied strictly to milestone headlines and badge elements
  • body text constrained to around 42 characters per line

Colour rules

  • deep charcoal (#161616) background occupies majority of canvas
  • electric purple (#7443ff) serves as the primary visual accent and ambient light source
  • soft pastel pink (#ffb1de) used sparingly in luminous gradient blurs

Voice rules

  • punchy all-caps milestone statements
  • narrative progress organized around short metric callouts

Holds it together

  • mix outlined wireframe strokes with solid uppercase lettering inside the same headline
  • anchor cavernous negative space with tactile 3D renders or luminous blurred radial orbs
  • use pixelated display type exclusively for headline accentuation and retrospective framing

Contrast

text on background18.1:1 AAA
muted text on background12.0:1 AAA
text on surface17.0:1 AAA
accent on background3.4:1 AA Large
background on accent3.4:1 AA Large

Type, measured

Body
14px / 1.2
Measure
42 characters
Display
173px / 0.9
Tracking
-0.004em display
Scale ratio
1.87

Voice

Tone
celebratory, confident, bold
Sentences
short
Person
first
Vocabulary
plain
Calls to action
scroll, create, explore

Built with

Builder
webflow
Framework
—
Motion
—
WebGL
yes
Nav
sticky_top_bar, 0 items, sticky
Length
22.5 screens

Sections in page order

19

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

  1. 00

    hero

    Atmospheric, near-empty dark canvas anchored by a glossy purple 3D hand gesture emerging from the bottom corner.

    Mood
    dreamy + quiet
    Layout
    1 col · asymmetric · airy
    Open section →
    Atmospheric, near-empty dark canvas anchored by a glossy purple 3D hand gesture emerging from the bottom corner.
  2. 01

    hero

    A cavernous dark canvas with a subtle purple 3D sculpture poised at the upper frame.

    Mood
    dreamy + quiet
    Layout
    1 col · centered · airy
    Open section →
    A cavernous dark canvas with a subtle purple 3D sculpture poised at the upper frame.
  3. 02

    statement

    An expansive, mysterious dark transitional view featuring subtle oversized wireframe typography and a minimal scroll prompt.

    Mood
    quiet + bold
    Layout
    1 col · centered · airy
    Open section →
    An expansive, mysterious dark transitional view featuring subtle oversized wireframe typography and a minimal scroll prompt.
  4. 03

    statement

    Stark, dark announcement section featuring oversized 8-bit pixel typography declaring a company's year in review.

    Mood
    nostalgic + bold
    Layout
    1 col · stacked · balanced
    Open section →
    Stark, dark announcement section featuring oversized 8-bit pixel typography declaring a company's year in review.
  5. 04

    showcase

    An ultra-dark, atmospheric section immersed in shadow with faint ghosted typography barely discernible against the black expanse.

    Mood
    quiet + raw
    Layout
    1 col · centered · airy
    Open section →
    An ultra-dark, atmospheric section immersed in shadow with faint ghosted typography barely discernible against the black expanse.
  6. 05

    team

    Deep dark canvas featuring a subtle, warm luminous gradient blur radiating softly from the bottom.

    Mood
    dreamy + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Deep dark canvas featuring a subtle, warm luminous gradient blur radiating softly from the bottom.
  7. 06

    team

    Dark statement team showcase mixing outlined typography, glowing atmospheric orbs, and a numbered grid of frosted avatar tiles.

    Mood
    bold + dreamy
    Layout
    1 col · asymmetric · balanced
    Open section →
    Dark statement team showcase mixing outlined typography, glowing atmospheric orbs, and a numbered grid of frosted avatar tiles.
  8. 07

    statement

    Dramatic dark-mode growth milestone statement dominated by massive uppercase typography with stroke-outlined keyword treatment.

    Mood
    bold + quiet
    Layout
    1 col · asymmetric · airy
    Open section →
    Dramatic dark-mode growth milestone statement dominated by massive uppercase typography with stroke-outlined keyword treatment.
  9. 08

    showcase

    Minimal dark portfolio showcase featuring high-contrast 3D artwork and compact timeframe indicators in a spacious layout.

    Mood
    bold + dreamy
    Layout
    1 col · asymmetric · airy
    Open section →
    Minimal dark portfolio showcase featuring high-contrast 3D artwork and compact timeframe indicators in a spacious layout.
  10. 09

    team

    An ultra-restrained dark team roster with vast negative space, small typographic hierarchy, and an underlying subtle modular grid.

    Mood
    quiet + clinical
    Layout
    12 col · grid · airy
    Open section →
    An ultra-restrained dark team roster with vast negative space, small typographic hierarchy, and an underlying subtle modular grid.
  11. 10

    other

    A quiet, dark structural transition section framed only by delicate dotted grid lines.

    Mood
    quiet + clinical
    Layout
    1 col · grid · airy
    Open section →
    A quiet, dark structural transition section framed only by delicate dotted grid lines.
  12. 11

    other

    An empty dark transition section featuring a subtle grid pattern over a charcoal surface.

    Mood
    quiet + raw
    Layout
    1 col · full bleed · airy
    Open section →
    An empty dark transition section featuring a subtle grid pattern over a charcoal surface.
  13. 12

    testimonial

    Minimal dark wireframe container defined by subtle vertical structural grid lines.

    Mood
    raw + quiet
    Layout
    1 col · grid · airy
    Open section →
    Minimal dark wireframe container defined by subtle vertical structural grid lines.
  14. 13

    other

    Dark atmospheric spacer glowing with a soft, warm gradient orb against a deep charcoal background.

    Mood
    dreamy + quiet
    Layout
    1 col · full bleed · airy
    Open section →
    Dark atmospheric spacer glowing with a soft, warm gradient orb against a deep charcoal background.
  15. 14

    statement

    Atmospheric dark transition featuring huge outlined and solid typography under a soft ambient glow.

    Mood
    bold + dreamy
    Layout
    1 col · asymmetric · airy
    Open section →
    Atmospheric dark transition featuring huge outlined and solid typography under a soft ambient glow.
  16. 15

    statement

    High-contrast dark statement section dominated by massive uppercase typography with an outlined word treatment.

    Mood
    bold + raw
    Layout
    1 col · stacked · airy
    Open section →
    High-contrast dark statement section dominated by massive uppercase typography with an outlined word treatment.
  17. 16

    showcase

    Surreal monochrome 3D hands reaching upward against a stark black void creating a tactile, sculptural visual moment.

    Mood
    dreamy + bold
    Layout
    1 col · centered · airy
    Open section →
    Surreal monochrome 3D hands reaching upward against a stark black void creating a tactile, sculptural visual moment.
  18. 17

    footer

    Surreal monochrome 3D sculpted hands float against a deep black field above a bold saturated purple color block.

    Mood
    dreamy + bold
    Layout
    1 col · stacked · airy
    Open section →
    Surreal monochrome 3D sculpted hands float against a deep black field above a bold saturated purple color block.
  19. 18

    showcase

    Vibrant violet backdrop framing a surreal monochrome 3D hand hovering gracefully over frosted glass UI elements.

    Mood
    playful + dreamy
    Layout
    1 col · stacked · airy
    Open section →
    Vibrant violet backdrop framing a surreal monochrome 3D hand hovering gracefully over frosted glass UI elements.

More like this

by shared mood