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
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
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
- 00
hero
StrongQuiet, disciplined Swiss minimalism with bold typography anchored by an oversized central media block.
- Mood
- serene + luxurious
- Layout
- 1 col · stacked · airy

- 01
showcase
StrongSpacious 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

- 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

- 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

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








