MUUDS

Sebastian Martinez

Hyper-graphic and unapologetic. Giant, ultra-tight grotesque typography clashes directly with asymmetric cutout portraiture and edge-to-edge poster compositions. Editorial discipline lists and minimal metadata float in open space around heavy visual anchors.

Colour

Background#ffffff
Text#000000
Surface#e7e7e7
Muted#ffffff

Typefaces

Display
Aeonik Black
Body
Aeonik Bold
Mono
—
Source
self_hosted
Scale
11 · 12 · 15 · 18 · 104

Layout

Grid
24 columns
Container
1382px
Spacing base
10px
Radius
0px

Capture

Category
portfolio
Sections
2
Captured
2026-09-04
Rhythm
dark → light → dark → light → dark

Type rules

  • display typography set at 104px tightly tracked with sub-1.0 line height
  • all copy and labels set in uppercase grotesk
  • body text measures tightly around 25 characters

Colour rules

  • hyper-saturated solid poster planes anchor text blocks
  • monochrome photography balances high-intensity primary background planes

Voice rules

  • compose copy in all-caps telegraphic fragments
  • keep body text strictly minimal

Holds it together

  • stack ultra-bold uppercase headlines with line heights tight enough for glyphs to almost touch
  • embed circular portrait cutouts or icons directly within the headline text stream
  • place metadata and peripheral links pinned to the extreme corners of full-bleed blocks

Contrast

text on background21.0:1 AAA
text on surface17.0:1 AAA
muted text on surface1.2:1 fail

Type, measured

Body
18px / 1.2
Measure
25 characters
Display
104px / 0.77
Tracking
-0.02em display
Scale ratio
1.55

Voice

Tone
direct, punchy, confident
Sentences
short
Person
first
Vocabulary
plain
Calls to action
talk

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
—
Length
6.1 screens

Sections in page order

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

  1. 00

    hero

    Strong

    Vibrant electric-orange portfolio hero with punchy black grotesque typography and an offset documentary-style portrait.

    Mood
    energetic + playful
    Layout
    2 col · asymmetric · balanced
    Open section
    Vibrant electric-orange portfolio hero with punchy black grotesque typography and an offset documentary-style portrait.
  2. 01

    gallery

    Strong

    A sparse, curated gallery of monochrome architectural photography and graphic design artifacts floating across expansive white space.

    Mood
    serene + luxurious
    Layout
    3 col · asymmetric · airy
    Open section
    A sparse, curated gallery of monochrome architectural photography and graphic design artifacts floating across expansive white space.

More like this

By shared mood