Mouthwash Studio

Monastic Swiss precision meets high-end cultural curation. Expanses of pale grey negative space allow tightly-tracked sans-serif typography and rich, art-directed project imagery to hold absolute visual weight without decorative distraction.

quiet bold editorial

Visit site ↗

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: 16 columns
Container: 1260px
Spacing base: 8px
Radius: 0px

Capture

Category: agency
Sections: 8
Captured: 2026-08-27
Rhythm: light x8

Type rules

display type set with ultra-tight negative tracking and sub-1.0 line height
body text measure kept strictly around 38 characters per line
metadata and project taxonomy rendered in subdued stone grey at 12px

Colour rules

monochromatic palette strictly constrained to pale greys and black
color is introduced exclusively through embedded client imagery and video assets
secondary text and metadata locked to neutral greys #767773 and #9b9c96

Voice rules

terse studio positioning statements without hyperbole
project metadata structured as quiet lists

Holds it together

render all layouts on subtle light grey canvases without saturated accent hues
stack project metadata in quiet columns underneath media cards
anchor the close with massive architectural typography dominating the viewport

Contrast

text on background19.6:1 AAA

muted text on background4.2:1 AA Large

text on surface18.6:1 AAA

Type, measured

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

Voice

Tone: restrained, confident, precise
Sentences: medium
Person: third
Vocabulary: curated
Calls to action: view, contact

Built with

Builder: —
Framework: nuxt
Motion: —
WebGL: —
Nav: sticky_top_bar, 6 items, sticky
Length: 8.9 screens

Colour, by area

#f7f7f7 0%#f1f1f1 0%

Sections in page order

3 strongest marked · 8

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

00
hero
A quiet, minimalist studio header framing a dark cinematic video window against an expansive light canvas.
Mood
quiet + luxurious
Layout
16 col · stacked · airy
Open section →
01
hero
An austere, typography-driven studio intro dominated by massive, tightly-set Swiss sans-serif type over expansive pale grey space.
Mood
bold + clinical
Layout
10 col · stacked · airy
Open section →
02
showcase
Quiet, high-fashion agency showcase pairing crisp art-directed photography with understated typographic tags and generous negative space.
Mood
editorial + quiet
Layout
16 col · grid · airy
Open section →
03
showcase
Minimalist portfolio showcase featuring a high-contrast red typographic video card anchored by quiet metadata tags on a light neutral canvas.
Mood
bold + quiet
Layout
12 col · stacked · airy
Open section →
04
showcase
Strongest
Airy portfolio layout pairing a dense editorial photo card against a massive black organic glyph with disciplined Swiss metadata.
Mood
quiet + bold
Layout
8 col · asymmetric · airy
Open section →
05
showcase
Strongest
An ultra-restrained, gallery-like project showcase anchored by a hyper-detailed sculptural perfume bottle and pristine Swiss typography.
Mood
quiet + luxurious
Layout
16 col · asymmetric · airy
Open section →
06
showcase
Restrained Swiss studio layout pairing a four-column square media grid with oversized, muted contact links on a pale grey background.
Mood
quiet + editorial
Layout
4 col · grid · airy
Open section →
07
footer
Strongest
Monolithic black initials dominate a stark white canvas, paired with tiny Swiss-style credits aligned along the bottom edge.
Mood
bold + raw
Layout
6 col · stacked · airy
Open section →