SearchSubmit
MUUDS

Curated catalog of analyzed web design.

viclopez-art

Cinematic, immersive, and relentlessly bold. Deep pitch-black canvases frame hyper-detailed 3D game art, pierced by oversized saturated crimson typography and precise technical crosshair markers. The visual tone balances raw sci-fi atmosphere with meticulous art direction.

boldplayfuldreamyclinicalquiet
Visit site

Colour

Background#000000
Text#ffffff
Accent#ff4400
Surface#2b2b2f
Muted#6f6f75

Typefaces

Display
Inter Display
Body
Inter Display
Mono
—
Source
google
Scale
16 · 19 · 21 · 28 · 35 · 42

Layout

Grid
4 columns
Container
1360px
Spacing base
4px
Radius
0px

Capture

Category
other
Sections
15
Captured
2026-08-30
Rhythm
dark x12

Type rules

  • display typography set at 130px with tight -0.04em letter spacing
  • body text runs at 21px with a 55 character line measure
  • metadata and technical labels rendered in uppercase with wide tracking

Colour rules

  • hyper-saturated red accent applied strictly to the main branding mark and critical navigation items
  • pure black backgrounds dominate across all primary project showcases to let artwork lighting dictate the mood

Voice rules

  • punchy first-person statements grounded in practical craft
  • concise category labelling without fluff

Holds it together

  • anchor major viewport edges with oversized electric red display wordmarks
  • overlay minimal technical crosshairs across full-bleed dark hero backgrounds
  • stagger project imagery vertically in offset cards to let 3D assets break outside frames

Contrast

text on background21.0:1 AAA
muted text on background4.2:1 AA Large
text on surface14.1:1 AAA
accent on background6.1:1 AA
background on accent6.1:1 AA

Type, measured

Body
21px / 1.3
Measure
55 characters
Display
130px / 1
Tracking
-0.04em display
Scale ratio
1.58

Voice

Tone
confident, declarative
Sentences
short
Person
first
Vocabulary
plain
Calls to action
send, contact

Built with

Builder
framer
Framework
—
Motion
lenis
WebGL
yes
Nav
top_bar, 8 items
Length
12.4 screens

Sections in page order

15

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

  1. 00

    hero

    Moody, cinematic portfolio hero layering intense crimson typography and atmospheric 3D character art beneath fragmented editorial text and crosshairs.

    Mood
    bold + dreamy
    Layout
    1 col · asymmetric · dense
    Open section →
    Moody, cinematic portfolio hero layering intense crimson typography and atmospheric 3D character art beneath fragmented editorial text and crosshairs.
  2. 01

    hero

    An epic, cinematic dark statement hero featuring tight, oversized white typography over a moody fantasy environment.

    Mood
    bold + luxurious
    Layout
    24 col · centered · airy
    Open section →
    An epic, cinematic dark statement hero featuring tight, oversized white typography over a moody fantasy environment.
  3. 02

    showcase

    Minimalist dark visual showcase featuring staggered vertical cards with dynamic sci-fi render overlays breaking out of their frames.

    Mood
    bold + dreamy
    Layout
    2 col · asymmetric · airy
    Open section →
    Minimalist dark visual showcase featuring staggered vertical cards with dynamic sci-fi render overlays breaking out of their frames.
  4. 03

    showcase

    A stark dark showcase displaying two staggered game illustration tiles floating against pure black space.

    Mood
    playful + bold
    Layout
    2 col · asymmetric · airy
    Open section →
    A stark dark showcase displaying two staggered game illustration tiles floating against pure black space.
  5. 04

    showcase

    Dynamic gaming artwork bursting out of staggered rounded cards set against an expansive, pure black void.

    Mood
    bold
    Layout
    2 col · asymmetric · airy
    Open section →
    Dynamic gaming artwork bursting out of staggered rounded cards set against an expansive, pure black void.
  6. 05

    showcase

    Atmospheric, cinematic full-bleed 3D artwork overlaid with minimal, high-contrast editorial typography.

    Mood
    dreamy + bold
    Layout
    3 col · full bleed · airy
    Open section →
    Atmospheric, cinematic full-bleed 3D artwork overlaid with minimal, high-contrast editorial typography.
  7. 06

    showcase

    An immersive, cinematic game showcase featuring high-octane mech warfare artwork with minimalist white typography anchored in the upper corner.

    Mood
    bold
    Layout
    4 col · full bleed · airy
    Open section →
    An immersive, cinematic game showcase featuring high-octane mech warfare artwork with minimalist white typography anchored in the upper corner.
  8. 07

    showcase

    Vibrant cartoon arcade game showcase framed inside a sleek dark bezel overlay against subtle vertical background texture.

    Mood
    playful + nostalgic
    Layout
    12 col · full bleed · balanced
    Open section →
    Vibrant cartoon arcade game showcase framed inside a sleek dark bezel overlay against subtle vertical background texture.
  9. 08

    showcase

    Atmospheric full-bleed sci-fi scene with eerie green-tinted 3D android pods and minimal white title overlays.

    Mood
    clinical + dreamy
    Layout
    12 col · full bleed · airy
    Open section →
    Atmospheric full-bleed sci-fi scene with eerie green-tinted 3D android pods and minimal white title overlays.
  10. 09

    statement

    A whisper-quiet, pitch-black pause containing tiny low-contrast text surrounded by vast negative space.

    Mood
    quiet
    Layout
    1 col · centered · airy
    Open section →
    A whisper-quiet, pitch-black pause containing tiny low-contrast text surrounded by vast negative space.
  11. 10

    other

    A stark, minimal transitional white band bounded by a subtle horizontal grey division line.

    Mood
    quiet + clinical
    Layout
    4 col · grid · airy
    Open section →
    A stark, minimal transitional white band bounded by a subtle horizontal grey division line.
  12. 11

    showcase

    A brooding, atmospheric transition anchored by a moody 3D sculpture emerging from deep shadow with subtle high-contrast accents.

    Mood
    dreamy + luxurious
    Layout
    4 col · full bleed · airy
    Open section →
    A brooding, atmospheric transition anchored by a moody 3D sculpture emerging from deep shadow with subtle high-contrast accents.
  13. 12

    cta

    Quiet, dark contact section pairing a reflective studio philosophy statement with a minimalist text link over shadowy textures.

    Mood
    quiet
    Layout
    1 col · centered · airy
    Open section →
    Quiet, dark contact section pairing a reflective studio philosophy statement with a minimalist text link over shadowy textures.
  14. 13

    footer

    A blunt slate-gray footer strip juxtaposing oversized electric red personal branding against an utilitarian live timezone clock.

    Mood
    bold + raw
    Layout
    4 col · split · dense
    Open section →
    A blunt slate-gray footer strip juxtaposing oversized electric red personal branding against an utilitarian live timezone clock.
  15. 14

    footer

    Muted slate-grey footer with fine borders, clean navigational columns, and a quirky retro pixel art helmet graphic.

    Mood
    quiet + nostalgic
    Layout
    1 col · grid · airy
    Open section →
    Muted slate-grey footer with fine borders, clean navigational columns, and a quirky retro pixel art helmet graphic.

More like this

by shared mood