MUUDS

Mouthwash Studio

Sterile, ultra-disciplined minimalism with an editorial gallery sensibility. High-density neo-grotesque typography sits tightly tracked across a pale grey canvas, letting monolithic media blocks and stark whitespace define the rhythm.

Rated

7.2/ 10

From 5 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
10.0
Systemmeasured
5.2
Distinctionmeasured
3.9
on the grid
63%
vertical rhythm
33%
type on a scale
60%
contrast passing AA
50%
unlike the library
0.64
model craft
8.4/10
model deviation
5.4/10

Colour

Background#f7f7f7
Text#000000
Surface#f1f1f1
Muted#767773

Typefaces

Display
Suisse BP Intl
Body
Suisse BP Intl
Mono
—
Source
self_hosted
Scale
12 · 16 · 20 · 44 · 62

Layout

Grid
24 columns
Container
1320px
Spacing base
8px
Radius
0px

Capture

Category
studio
Sections
5
Captured
2026-09-04
Rhythm
light x8

Type rules

  • body text tracks tight at -0.03em with line-height of 1.0
  • display headings set in sentence case with tight -0.035em tracking and condensed line-height

Colour rules

  • background remains consistent light neutral #f7f7f7 across all sections
  • text hierarchy relies solely on black and muted slate grey tones #767773 and #9b9c96

Voice rules

  • lead with a direct mission statement naming tier-one clients
  • present metadata and tags in minimal sentence case lists

Holds it together

  • keep the palette strictly monochrome on a uniform #f7f7f7 ground without decorative colours
  • set type with negative letterspacing and extremely tight line-heights
  • anchor sections with minimal column spans and zero-gutter flush alignments

Contrast

text on background19.6:1 AAA
muted text on background4.2:1 AA Large
text on surface18.6:1 AAA
muted text on surface4.0:1 AA Large

Type, measured

Body
20px / 1
Measure
38 characters
Display
62px / 0.85
Tracking
-0.035em display
Scale ratio
1.33

Voice

Tone
declarative, understated, confident
Sentences
medium
Person
third
Vocabulary
curated
Calls to action
view

Built with

Builder
—
Framework
nuxt
Motion
—
WebGL
—
Nav
sticky_top_bar, 6 items, sticky
Length
8.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

    Quiet, disciplined Swiss minimalism with bold typography anchored by an oversized central media block.

    Mood
    serene + luxurious
    Layout
    1 col · stacked · airy
    Open section
    Quiet, disciplined Swiss minimalism with bold typography anchored by an oversized central media block.
  2. 01

    showcase

    Strong

    Spacious and restrained design showcase presenting varied project media cards across an asymmetric light grid with precise Swiss typography.

    Mood
    serene + luxurious
    Layout
    2 col · asymmetric · airy
    Open section
    Spacious and restrained design showcase presenting varied project media cards across an asymmetric light grid with precise Swiss typography.
  3. 02

    feature

    Vast off-white canvas with stark Swiss typography quietly presenting agency capabilities with extreme airy restraint.

    Mood
    clinical + serene
    Layout
    2 col · split · airy
    Open section
    Vast off-white canvas with stark Swiss typography quietly presenting agency capabilities with extreme airy restraint.
  4. 03

    showcase

    Quietly confident editorial showcase presenting distinct cultural ventures in a clean four-column image grid beneath bold title typography.

    Mood
    serene + contemplative
    Layout
    4 col · grid · airy
    Open section
    Quietly confident editorial showcase presenting distinct cultural ventures in a clean four-column image grid beneath bold title typography.
  5. 04

    footer

    Strong

    Austere Swiss-style footer featuring monumental typographic initials beneath understated contact links and quiet whitespace.

    Mood
    serene + clinical
    Layout
    3 col · stacked · airy
    Open section
    Austere Swiss-style footer featuring monumental typographic initials beneath understated contact links and quiet whitespace.

More like this

By shared mood