MUUDS

Curated catalog of analyzed web design.

visualcraft-fr

Gritty, retro-rebellious streetwear energy meets boutique brand design. Heavy textures, flame silhouettes, checkerboard trims, and contrasting multi-font headline lockups create an unapologetic aesthetic.

Visit site

Colour

Background#131313
Text#f5f5f5
Accent#f23a02
Surface#f5f5f5
Muted#131313

Typefaces

Display
TheOriginal Regular
Body
Roboto Mono
Mono
Roboto Mono
Source
google
Scale
16 · 18 · 20 · 90 · 115 · 130

Layout

Grid
Container
Spacing base
8px
Radius
0px · 999px

Capture

Category
other
Sections
10
Captured
2026-08-30
Rhythm
dark → mixed → light → dark x3 → mixed x2 → dark

Type rules

  • layer heavy grotesk, gothic scripts, and vintage cursive within a single headline lockup
  • body text set in uppercase mono with tight line heights
  • running tickers use all-caps mono separated by star glyphs

Colour rules

  • deep black textured backgrounds dominate the majority of viewport space
  • high-voltage neon yellow and saturated orange reserved for call-to-action pills and accent tags
  • monochrome checkerboard bands act as structural dividers between sections

Voice rules

  • uppercase monospace for body copy and subheads
  • punchy, defiant statements about creative independence

Holds it together

  • stack disparate display type styles—bold sans, script, and gothic—within the same headline
  • separate major content blocks with black-and-white checkerboard ribbons
  • render action buttons as saturated orange or neon yellow rounded pills with wide letterspaced labels

Contrast

text on background17.0:1 AAA
accent on background4.8:1 AA
background on accent4.8:1 AA

Type, measured

Body
20px / 1.3
Measure
46 characters
Display
130px / 0.8
Tracking
0em display
Scale ratio
1.60

Voice

Tone
rebellious, confident, direct
Sentences
short
Person
first
Vocabulary
evocative
Calls to action
book, explore, discover, learn

Built with

Builder
framer
Framework
Motion
WebGL
Nav
Length
7.9 screens

Sections in page order

10

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

  1. 00

    hero

    Textured streetwear aesthetic featuring floating graphic apparel hangtags against a gritty backdrop.

    Mood
    nostalgic + playful
    Layout
    1 col · asymmetric · balanced
    Open section →
    Textured streetwear aesthetic featuring floating graphic apparel hangtags against a gritty backdrop.
  2. 01

    statement

    Vibrant and retro textured statement banner driven by expressive, layered typographic styles in bold white and acid yellow.

    Mood
    playful + nostalgic
    Layout
    24 col · centered · airy
    Open section →
    Vibrant and retro textured statement banner driven by expressive, layered typographic styles in bold white and acid yellow.
  3. 02

    gallery

    Vibrant and punchy retro-pop collage filled with tactile print collateral, sticker graphics, and bold floral textiles over a checkerboard base.

    Mood
    playful + nostalgic
    Layout
    1 col · full bleed · dense
    Open section →
    Vibrant and punchy retro-pop collage filled with tactile print collateral, sticker graphics, and bold floral textiles over a checkerboard base.
  4. 03

    statement

    High-contrast rebellious statement block pairing sweeping vintage red script with sharp monospace copy over dark flame silhouettes and a neon pill CTA.

    Mood
    bold + raw
    Layout
    3 col · stacked · balanced
    Open section →
    High-contrast rebellious statement block pairing sweeping vintage red script with sharp monospace copy over dark flame silhouettes and a neon pill CTA.
  5. 04

    statement

    Massive high-contrast typography pairing heavy bold sans with an outlined gothic script over a pitch-black background.

    Mood
    bold + raw
    Layout
    2 col · centered · dense
    Open section →
    Massive high-contrast typography pairing heavy bold sans with an outlined gothic script over a pitch-black background.
  6. 05

    cta

    Energetic retro-rebellious branding section framed by collage graphics and a checkerboard border around high-contrast centered copy.

    Mood
    bold + nostalgic
    Layout
    1 col · centered · balanced
    Open section →
    Energetic retro-rebellious branding section framed by collage graphics and a checkerboard border around high-contrast centered copy.
  7. 06

    statement

    A vintage-inspired designer introduction card set against textured blue stock with eclectic display typography.

    Mood
    nostalgic + bold
    Layout
    2 col · split · balanced
    Open section →
    A vintage-inspired designer introduction card set against textured blue stock with eclectic display typography.
  8. 07

    cta

    Energetic retro-pop call-to-action juxtaposing bold mixed display lettering against a high-contrast dark testimonial card with neon accents.

    Mood
    playful + nostalgic
    Layout
    2 col · split · balanced
    Open section →
    Energetic retro-pop call-to-action juxtaposing bold mixed display lettering against a high-contrast dark testimonial card with neon accents.
  9. 08

    showcase

    An eclectic retro-pop design reel showcasing stylized posters, branding collages, and paper textures above a bold checkerboard trim.

    Mood
    nostalgic + playful
    Layout
    1 col · full bleed · dense
    Open section →
    An eclectic retro-pop design reel showcasing stylized posters, branding collages, and paper textures above a bold checkerboard trim.
  10. 09

    footer

    Gritty underground tattoo-inspired footer combining blackletter outline typography, textured dark background, acid lime mono labels, and rising flame graphics.

    Mood
    raw + nostalgic
    Layout
    16 col · asymmetric · airy
    Open section →
    Gritty underground tattoo-inspired footer combining blackletter outline typography, textured dark background, acid lime mono labels, and rising flame graphics.

More like this

by shared mood