SearchSubmit
MUUDS

Curated catalog of analyzed web design.

cyphr-studio

Brutalist editorial impact driven by massive condensed headlines, slatted graphic window masks, and sharp monochrome contrast. Raw concert photography injects energy into strict grid layouts.

boldquietraweditorial
Visit site

Rated

8.2/ 10

From 10 analysed sections. Scored by hand, alongside two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

Staffjudged
9.0
AI scorejudged
8.9
Systemmeasured
5.6
Distinctionmeasured
9.1
on the grid
29%
vertical rhythm
30%
type on a scale
67%
contrast passing AA
100%
unlike the library
0.30
model craft
7.7/10
model deviation
6.3/10

Colour

Background#ecece9
Text#000000
Surface#000000
Muted#ecece9

Typefaces

Display
Bandit Condensed
Body
Messina Sans Mono
Mono
Messina Sans Mono
Source
self_hosted
Scale
9 · 10 · 11 · 13 · 22 · 27

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px

Capture

Category
agency
Sections
10
Captured
2026-08-30
Rhythm
light x5 → dark x2 → light x2 → dark

Type rules

  • display headlines run in ultra-condensed uppercase spanning full viewport width
  • body text set in compact monospaced styling at tight measure

Colour rules

  • strict monochrome palette alternating warm off-white and pure black surfaces
  • photography provides all chromatic intensity

Voice rules

  • pair bold culture statements with monospaced analytical copy

Holds it together

  • fill edge-to-edge widths with ultra-condensed display type
  • wrap meta indicators and section labels in square brackets
  • frame photography using rhythmic vertical slats or checkerboard offsets

Contrast

text on background17.7:1 AAA

Type, measured

Body
13px / 1.2
Measure
39 characters
Display
442px / 0.77
Tracking
0em display
Scale ratio
2.41

Voice

Tone
confident, cultural, forward-looking
Sentences
medium
Person
first
Vocabulary
specialized
Calls to action
view, read

Built with

Builder
webflow
Framework
—
Motion
gsap, lenis, barba
WebGL
—
Nav
sticky_top_bar, 8 items, sticky
Length
9.1 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

    A punchy, dynamic creative hero combining a rhythmically sliced concert photograph with massive condensed typography.

    Mood
    bold + raw
    Layout
    1 col · stacked · balanced
    Open section →
    A punchy, dynamic creative hero combining a rhythmically sliced concert photograph with massive condensed typography.
  2. 01

    statement

    Strong

    Quiet editorial introduction pairing crisp monospaced body text with a rounded vertical action photograph.

    Mood
    quiet + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    Quiet editorial introduction pairing crisp monospaced body text with a rounded vertical action photograph.
  3. 02

    statement

    Strong

    A massive, ultra-condensed typographic section header commanding visual impact with stark brutalist restraint.

    Mood
    bold + raw
    Layout
    1 col · full bleed · dense
    Open section →
    A massive, ultra-condensed typographic section header commanding visual impact with stark brutalist restraint.
  4. 03

    showcase

    High-impact portfolio showcase pairing massive condensed typography with raw, full-bleed documentary action photography.

    Mood
    bold + raw
    Layout
    2 col · grid · dense
    Open section →
    High-impact portfolio showcase pairing massive condensed typography with raw, full-bleed documentary action photography.
  5. 04

    showcase

    Raw, candid party photography dominates this portfolio project preview, anchored by ultra-condensed type and a stark bottom navigation strip.

    Mood
    raw + bold
    Layout
    16 col · full bleed · balanced
    Open section →
    Raw, candid party photography dominates this portfolio project preview, anchored by ultra-condensed type and a stark bottom navigation strip.
  6. 05

    statement

    Monolithic, high-contrast condensed typography spans the full width on black with stark graphic impact.

    Mood
    bold + raw
    Layout
    1 col · full bleed · dense
    Open section →
    Monolithic, high-contrast condensed typography spans the full width on black with stark graphic impact.
  7. 06

    logo bar

    Minimalist pitch-black logo strip displaying stacked monochrome client marks along a disciplined vertical spine.

    Mood
    quiet
    Layout
    3 col · centered · airy
    Open section →
    Minimalist pitch-black logo strip displaying stacked monochrome client marks along a disciplined vertical spine.
  8. 07

    statement

    Monolithic condensed uppercase typography bleeds across the top edge, grounded by tiny centered monospace copy in generous negative space.

    Mood
    bold + editorial
    Layout
    6 col · stacked · airy
    Open section →
    Monolithic condensed uppercase typography bleeds across the top edge, grounded by tiny centered monospace copy in generous negative space.
  9. 08

    showcase

    A stark editorial article carousel with oversized date headers, monospaced excerpts, and clean line dividers over an off-white background.

    Mood
    editorial + raw
    Layout
    1 col · grid · dense
    Open section →
    A stark editorial article carousel with oversized date headers, monospaced excerpts, and clean line dividers over an off-white background.
  10. 09

    footer

    Strong

    A moody, cinematic dark footer featuring a slatted vertical window revealing atmospheric concert photography above minimalist typographic links.

    Mood
    editorial + bold
    Layout
    1 col · stacked · airy
    Open section →
    A moody, cinematic dark footer featuring a slatted vertical window revealing atmospheric concert photography above minimalist typographic links.

More like this

by shared mood