SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Saida Lachgar

Stark, high-impact monochrome aesthetic. Combines massive grotesque typography with delicate serif editorial accents against a pure black void.

boldquietluxuriousraw
Visit site

Colour

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

Typefaces

Display
Inter
Body
Inter
Mono
—
Source
self_hosted
Scale
11 · 12 · 14 · 16 · 20 · 24

Layout

Grid
—
Container
—
Spacing base
5px
Radius
0px

Capture

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

Type rules

  • primary headlines in heavy uppercase sans-serif
  • section titles set in contrasting serif italic display type
  • body measure kept strictly under 95 characters

Colour rules

  • pure monochrome palette with pitch black background and white foreground
  • subtle hairline borders in dark grey for structural separation

Voice rules

  • terse technical copy
  • lowercase meta labels

Holds it together

  • maintain pure black backgrounds across all sections
  • pair oversized uppercase sans-serif headings with high-contrast serif subtitles
  • use fine hairline borders to demarcate lists and grid rows

Contrast

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

Type, measured

Body
14px / 1.5
Measure
91 characters
Display
130px / 1.1
Tracking
0em display
Scale ratio
1.75

Voice

Tone
technical, direct, confident
Sentences
short
Person
first
Vocabulary
technical
Calls to action
book, see, explore

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 5 items
Length
10.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

    Stark black portfolio hero featuring massive uppercase grotesque typography contrasted against delicate serif accents and an expansive, minimal layout.

    Mood
    bold + raw
    Layout
    15 col · stacked · airy
    Open section →
    Stark black portfolio hero featuring massive uppercase grotesque typography contrasted against delicate serif accents and an expansive, minimal layout.
  2. 01

    showcase

    Strong

    Minimalist dark portfolio showcase pairing a quiet project list with an atmospheric 3D laptop mockup.

    Mood
    quiet + luxurious
    Layout
    16 col · stacked · airy
    Open section →
    Minimalist dark portfolio showcase pairing a quiet project list with an atmospheric 3D laptop mockup.
  3. 02

    feature grid

    Strong

    Minimal, pitch-black services split section pairing high-contrast serif typography with fine-line wireframe icons.

    Mood
    luxurious + clinical
    Layout
    2 col · split · airy
    Open section →
    Minimal, pitch-black services split section pairing high-contrast serif typography with fine-line wireframe icons.
  4. 03

    showcase

    Stark, pitch-black developer showcase anchoring UI experiments in gritty concrete frames beneath a massive repeating kinetic marquee.

    Mood
    raw + bold
    Layout
    1 col · stacked · dense
    Open section →
    Stark, pitch-black developer showcase anchoring UI experiments in gritty concrete frames beneath a massive repeating kinetic marquee.
  5. 04

    statement

    A quiet, stark black bio section elevated by elegant serif words woven into crisp sans-serif body copy.

    Mood
    quiet + editorial
    Layout
    12 col · split · airy
    Open section →
    A quiet, stark black bio section elevated by elegant serif words woven into crisp sans-serif body copy.
  6. 05

    stats

    Stark monochrome statistics row projecting quiet confidence through oversized numerals and expansive negative space.

    Mood
    quiet + bold
    Layout
    4 col · grid · airy
    Open section →
    Stark monochrome statistics row projecting quiet confidence through oversized numerals and expansive negative space.
  7. 06

    showcase

    Austere, pitch-black journal index floating in deep negative space with high-contrast minimalist typography.

    Mood
    quiet + clinical
    Layout
    16 col · asymmetric · airy
    Open section →
    Austere, pitch-black journal index floating in deep negative space with high-contrast minimalist typography.