MUUDS

Curated catalog of analyzed web design.

Sebastian Camargo

Monochromatic, raw, and typographically intense. Pitch-black backgrounds host oversized condensed grotesque type interrupted by ornate blackletter glyphs, echoing the precision and ink-density of blackwork tattooing. Fine hairline rules and mono labels ground the dramatic scale in utilitarian clarity.

Visit site

Colour

Background#000000
Text#ffffff
Accent#ffffff
Surface#000000
Muted#999999

Typefaces

Display
ABC Favorit Edu Bold
Body
ABC Favorit Edu Regular
Mono
ABC Favorit Mono Edu Regular
Source
self_hosted
Scale
12 · 16 · 20 · 24 · 40 · 96

Layout

Grid
12 columns
Container
1392px
Spacing base
4px
Radius
0px · 999px

Capture

Category
portfolio
Sections
7
Captured
2026-08-29
Rhythm
dark x7

Type rules

  • display headlines set in massive uppercase with gothic glyph interventions
  • body text set at 24px with a 63 character measure
  • metadata, counters, and navigation set in uppercase monospaced type

Colour rules

  • strict monochrome palette restricted to pure black, pure white, and muted grey
  • photography is exclusively high-contrast black and white tattooing imagery

Voice rules

  • keep biographical copy humble and concise
  • label sections with uppercase titles paired with parenthetical numeric indices

Holds it together

  • display headers combine bold sans-serif lettering with a single blackletter glyph replacement
  • maintain a 100% black background across all sections with zero colored accents
  • frame portfolio imagery in tight vertical crops or pill-shaped apertures

Contrast

text on background21.0:1 AAA
muted text on background7.4:1 AAA
text on surface21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA

Type, measured

Body
24px / 1.33
Measure
63 characters
Display
144px / 0.89
Tracking
-0.014em display
Scale ratio
1.57

Voice

Tone
direct, understated, professional
Sentences
short
Person
first
Vocabulary
plain
Calls to action
book, email, contact, view

Built with

Builder
framer
Framework
Motion
WebGL
Nav
sticky_top_bar, 2 items, sticky
Length
9.5 screens

Sections in page order

3 marked strong · 7

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

  1. 00

    hero

    Strong

    A stark, high-contrast tattoo portfolio hero combining massive gothic-infused typography with centered vertical photography and utilitarian metadata.

    Mood
    raw + bold
    Layout
    13 col · stacked · balanced
    Open section →
    A stark, high-contrast tattoo portfolio hero combining massive gothic-infused typography with centered vertical photography and utilitarian metadata.
  2. 01

    team

    Strong

    Monochromatic, zine-inspired tattoo artist biography featuring custom Gothic glyph interventions within bold grotesque typography.

    Mood
    editorial + raw
    Layout
    12 col · stacked · balanced
    Open section →
    Monochromatic, zine-inspired tattoo artist biography featuring custom Gothic glyph interventions within bold grotesque typography.
  3. 02

    gallery

    Monochrome tattoo portfolio gallery featuring a stark condensed headline above a tight ribbon of vertical photo crops.

    Mood
    raw + bold
    Layout
    8 col · stacked · dense
    Open section →
    Monochrome tattoo portfolio gallery featuring a stark condensed headline above a tight ribbon of vertical photo crops.
  4. 03

    gallery

    A stark, high-contrast tattoo portfolio strip anchored by bold condensed typography against a deep black background.

    Mood
    bold + raw
    Layout
    8 col · stacked · dense
    Open section →
    A stark, high-contrast tattoo portfolio strip anchored by bold condensed typography against a deep black background.
  5. 04

    faq

    Strong

    Stark monochrome split layout featuring an oversized display headline alongside a refined, rule-divided accordion FAQ list.

    Mood
    bold + editorial
    Layout
    12 col · split · balanced
    Open section →
    Stark monochrome split layout featuring an oversized display headline alongside a refined, rule-divided accordion FAQ list.
  6. 05

    cta

    Pure black minimalism punctuated by a sharp custom blackletter glyph in a high-contrast centered contact section.

    Mood
    bold + raw
    Layout
    15 col · centered · airy
    Open section →
    Pure black minimalism punctuated by a sharp custom blackletter glyph in a high-contrast centered contact section.
  7. 06

    showcase

    A stark, voyeuristic pill-shaped aperture opens onto an intimate black-and-white tattoo session floating in deep darkness.

    Mood
    quiet + editorial
    Layout
    12 col · centered · airy
    Open section →
    A stark, voyeuristic pill-shaped aperture opens onto an intimate black-and-white tattoo session floating in deep darkness.