MUUDS

Baillat Studio

Swiss precision meets typographic brutalism. Strict monochromatic discipline, hairline borders, and dense project tables are punctuated by bold, modular stencil typography and an interactive analog clock.

Rated

7.2/ 10

From 6 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.9
Distinctionmeasured
2.5
on the grid
22%
vertical rhythm
63%
type on a scale
50%
contrast passing AA
100%
unlike the library
0.56
model craft
8.5/10
model deviation
6.5/10

Colour

Background#fafafa
Text#000000
Surface#ffffff
Muted#000000

Typefaces

Display
Baillat Studio
Body
NeueMontreal
Mono
—
Source
self_hosted
Scale
12 · 16 · 20 · 43 · 80 · 94

Layout

Grid
12 columns
Container
1128px
Spacing base
5px
Radius
0px

Capture

Category
studio
Sections
6
Captured
2026-09-06
Rhythm
light x6

Type rules

  • display typography rendered in custom uppercase stencil font
  • body text set in Neue Montreal at a disciplined 51-character measure
  • numerical counts and service indices set in oversized display scale

Colour rules

  • strict monochromatic palette of pure black text on crisp off-white backgrounds
  • no accent colors used anywhere; visual variety is provided solely through embedded project media

Voice rules

  • catalogue studio services using explicit numbered taxonomy
  • keep mission statements direct, concise, and focused on craft

Holds it together

  • render major section titles and category names in uppercase custom stencil type
  • structure project listings and service breakdowns with hairline rule dividers
  • keep the canvas strictly monochrome (#fafafa and #000000), letting imagery provide all color

Contrast

text on background20.1:1 AAA
muted text on background20.1:1 AAA
text on surface21.0:1 AAA
muted text on surface21.0:1 AAA

Type, measured

Body
16px / 1.38
Measure
51 characters
Display
158px / 1
Tracking
0em display
Scale ratio
1.77

Voice

Tone
disciplined, authoritative, understated
Sentences
medium
Person
first
Vocabulary
technical
Calls to action
browse, work, talk

Built with

Builder
—
Framework
—
Motion
gsap
WebGL
—
Nav
sticky_top_bar, 16 items, sticky
Length
9.8 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

    Stark experimental hero pairing custom stencil typography and an analog clock graphic with a high-contrast metallic relief visual.

    Mood
    rebellious + mysterious
    Layout
    1 col · stacked · airy
    Open section
    Stark experimental hero pairing custom stencil typography and an analog clock graphic with a high-contrast metallic relief visual.
  2. 01

    feature grid

    A precision Swiss-style agency services index featuring massive stencil typography, two-column visual cards, and detailed capability breakdowns.

    Mood
    luxurious + clinical
    Layout
    2 col · grid · balanced
    Open section
    A precision Swiss-style agency services index featuring massive stencil typography, two-column visual cards, and detailed capability breakdowns.
  3. 02

    statement

    A stark, Swiss-inspired typographic statement layout that prioritizes clean editorial hierarchy and generous white space.

    Mood
    clinical + serene
    Layout
    2 col · split · airy
    Open section
    A stark, Swiss-inspired typographic statement layout that prioritizes clean editorial hierarchy and generous white space.
  4. 03

    showcase

    Strong

    A stark monochrome design index pairing a raw video preview with an ultra-disciplined Swiss-style table of studio projects.

    Mood
    clinical + rebellious
    Layout
    2 col · stacked · dense
    Open section
    A stark monochrome design index pairing a raw video preview with an ultra-disciplined Swiss-style table of studio projects.
  5. 04

    statement

    A bold Swiss-style editorial studio statement balancing massive modernist typography with precise, quiet columns of text and window reflection photography.

    Mood
    contemplative + grounded
    Layout
    2 col · asymmetric · balanced
    Open section
    A bold Swiss-style editorial studio statement balancing massive modernist typography with precise, quiet columns of text and window reflection photography.
  6. 05

    footer

    Strong

    A stark, highly structured typographic index and footer dominated by a bold custom stencil typeface and clean architectural rules.

    Mood
    rebellious + clinical
    Layout
    2 col · grid · balanced
    Open section
    A stark, highly structured typographic index and footer dominated by a bold custom stencil typeface and clean architectural rules.

More like this

By shared mood