SearchSubmit
MUUDS

Curated catalog of analyzed web design.

vsk-world

Tactile, airy, and artist-driven. Expansive white negative space treats 3D render studies like contemporary gallery pieces. Crisp sans-serif typography and vibrant purple inline links punctuate an otherwise stark, texture-focused layout.

quietboldplayful
Visit site

Rated

6.7/ 10

From 10 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
5.8
Distinctionmeasured
9.0
on the grid
44%
vertical rhythm
26%
type on a scale
60%
contrast passing AA
100%
unlike the library
0.30
model craft
6.7/10
model deviation
4.3/10

Colour

Background#ffffff
Text#292a2c
Accent#632deb
Surface#dcd3c5
Muted#292a2c

Typefaces

Display
Beatrice-Regular
Body
grotta-regular
Mono
—
Source
self_hosted
Scale
15 · 20 · 25 · 40 · 50

Layout

Grid
—
Container
—
Spacing base
5px
Radius
0px

Capture

Category
education
Sections
10
Captured
2026-08-30
Rhythm
light x9 → dark

Type rules

  • display type set with tight line-height of 1.1 in sentence case
  • body copy constrained to narrow measure of approximately 34 characters
  • navigation and metadata labels set in uppercase tracked sans-serif

Colour rules

  • pure white canvas spans across the entire core narrative with a solid black final footer
  • electric purple #632deb applied strictly to interactive text links and CTAs

Voice rules

  • speak directly from the instructor in first and second person
  • state exact course topics and software tools directly without hype

Holds it together

  • frame tactile 3D imagery against pure white backgrounds with generous padding
  • use vibrant purple exclusively on clickable text links
  • keep body copy blocks narrow and left-aligned with ample vertical breathing room

Contrast

text on background14.4:1 AAA
muted text on background14.4:1 AAA
text on surface9.7:1 AAA
accent on background6.8:1 AA
background on accent6.8:1 AA

Type, measured

Body
20px / 1.39
Measure
34 characters
Display
50px / 1.1
Tracking
0.002em display
Scale ratio
1.26

Voice

Tone
direct, creative, instructive
Sentences
medium
Person
second
Vocabulary
plain
Calls to action
join, get, watch, unlock, sign up

Built with

Builder
—
Framework
—
Motion
gsap
WebGL
—
Nav
top_bar, 4 items
Length
8.3 screens

Sections in page order

3 marked strong · 10

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

  1. 00

    hero

    Strong

    Tactile gallery-like hero featuring suspended material swatches and minimal top-right uppercase navigation.

    Mood
    quiet + editorial
    Layout
    6 col · full bleed · airy
    Open section →
    Tactile gallery-like hero featuring suspended material swatches and minimal top-right uppercase navigation.
  2. 01

    hero

    A stark, type-driven statement hero featuring large clean grotesque lettering and a vibrant purple text link on white.

    Mood
    bold + raw
    Layout
    1 col · stacked · dense
    Open section →
    A stark, type-driven statement hero featuring large clean grotesque lettering and a vibrant purple text link on white.
  3. 02

    gallery

    Strong

    A quiet four-panel showcase of surreal, tactile 3D sculptures framed by clean whitespace.

    Mood
    quiet + dreamy
    Layout
    2 col · grid · balanced
    Open section →
    A quiet four-panel showcase of surreal, tactile 3D sculptures framed by clean whitespace.
  4. 03

    statement

    Crisp and minimal text-only statement with high-contrast, oversized sans-serif typography set against a stark white canvas.

    Mood
    quiet + bold
    Layout
    8 col · stacked · airy
    Open section →
    Crisp and minimal text-only statement with high-contrast, oversized sans-serif typography set against a stark white canvas.
  5. 04

    comparison

    Strong

    Quiet studio presentation featuring an interactive split-view slider comparing clay and textured renders of a sculpted 3D form.

    Mood
    quiet + clinical
    Layout
    3 col · centered · airy
    Open section →
    Quiet studio presentation featuring an interactive split-view slider comparing clay and textured renders of a sculpted 3D form.
  6. 05

    statement

    Spare typography-driven statement set in a clean geometric sans with generous white space.

    Mood
    quiet + editorial
    Layout
    2 col · split · airy
    Open section →
    Spare typography-driven statement set in a clean geometric sans with generous white space.
  7. 06

    team

    A clean, airy photographic diptych capturing intimate and quirky portraits against an expansive white background.

    Mood
    playful + quiet
    Layout
    2 col · split · airy
    Open section →
    A clean, airy photographic diptych capturing intimate and quirky portraits against an expansive white background.
  8. 07

    logo bar

    Sparse, airy logo row showcasing 3D software tools floating on a vast field of pure white.

    Mood
    quiet + clinical
    Layout
    2 col · centered · airy
    Open section →
    Sparse, airy logo row showcasing 3D software tools floating on a vast field of pure white.
  9. 08

    footer

    An ultra-minimalist white band displaying only a centered legal notice link surrounded by vast negative space.

    Mood
    quiet
    Layout
    2 col · centered · airy
    Open section →
    An ultra-minimalist white band displaying only a centered legal notice link surrounded by vast negative space.
  10. 09

    footer

    A quiet, minimal dark footer with generous negative space and refined cream typography framing newsletter signup and navigational links.

    Mood
    quiet
    Layout
    12 col · grid · airy
    Open section →
    A quiet, minimal dark footer with generous negative space and refined cream typography framing newsletter signup and navigational links.

More like this

by shared mood