MUUDS

Robin Louw

Strictly minimal and ultra-clean. Pure white canvases pair with light-weight sans-serif typography and high-contrast monochrome gradient cards. The feeling is that of a quiet, precision-engineered digital studio.

Rated

6.2/ 10

From 3 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
6.8
Systemmeasured
6.7
Distinctionmeasured
3.1
on the grid
29%
vertical rhythm
90%
type on a scale
50%
contrast passing AA
100%
unlike the library
0.60
model craft
6.7/10
model deviation
2.7/10

Colour

Background#ffffff
Text#0a0a0a
Accent#0a0a0a
Surface#ffffff
Muted#666666

Typefaces

Display
Noto Sans
Body
Noto Sans
Mono
—
Source
google
Scale
12 · 14 · 16 · 20 · 48 · 96

Layout

Grid
12 columns
Container
1200px
Spacing base
4px
Radius
0px

Capture

Category
portfolio
Sections
3
Captured
2026-08-28
Rhythm
white throughout

Type rules

  • hero title set in large uppercase with tight tracking
  • subheadings set in ultra-light weights to contrast bold headers
  • body text runs at 64 characters per line with generous 1.75 line-height

Colour rules

  • pure monochrome palette with white taking up nearly the entire viewport
  • dark metallic monochrome imagery provides the only tonal contrast

Voice rules

  • first-person biographical narrative grounded in craft experience
  • direct and functional call-to-action labeling

Holds it together

  • all interactive and structural elements remain strictly black on pure white
  • eyebrow section markers in light uppercase grey text
  • use circular rotating badges as quiet graphic anchors

Contrast

text on background19.8:1 AAA
muted text on background5.7:1 AA
text on surface19.8:1 AAA
muted text on surface5.7:1 AA
accent on background19.8:1 AAA
background on accent19.8:1 AAA

Type, measured

Body
20px / 1.75
Measure
64 characters
Display
48px / 1.5
Tracking
-0.03em display
Scale ratio
1.24

Voice

Tone
professional, understated, direct
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
send, touch, chat

Built with

Builder
framer
Framework
—
Motion
—
WebGL
yes
Nav
sticky_top_bar, 5 items, sticky
Length
3.9 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

    A luminous monochrome portfolio hero featuring centered typography above sleek, metallic chrome logo cards.

    Mood
    serene + clinical
    Layout
    1 col · stacked · airy
    Open section
    A luminous monochrome portfolio hero featuring centered typography above sleek, metallic chrome logo cards.
  2. 01

    team

    Strong

    Quiet and straightforward personal bio section pairing a monochrome portrait with clear biographical text.

    Mood
    serene + contemplative
    Layout
    2 col · split · airy
    Open section
    Quiet and straightforward personal bio section pairing a monochrome portrait with clear biographical text.
  3. 02

    other

    Strong

    A stark, minimalist contact section with ample whitespace, light typography, and a two-column layout splitting direct links from a simple inquiry form.

    Mood
    serene + clinical
    Layout
    2 col · split · airy
    Open section
    A stark, minimalist contact section with ample whitespace, light typography, and a two-column layout splitting direct links from a simple inquiry form.

More like this

By shared mood