SearchSubmit
MUUDS

Curated catalog of analyzed web design.

gosteli-archiv-ch

Disciplined Swiss modernism meets archival clarity. Monumental high-contrast serif typography and generous negative space give way to punchy graphic gestures, from electric chartreuse notice pills to bold split-tone editorial cards.

editorialboldquietclinical
Visit site

Rated

6.6/ 10

From 9 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
8.9
Systemmeasured
4.3
Distinctionmeasured
6.1
on the grid
35%
vertical rhythm
30%
type on a scale
67%
contrast passing AA
40%
unlike the library
0.24
model craft
7.7/10
model deviation
4.9/10

Colour

Background#ffffff
Text#000000
Accent#cffd00
Surface#eeeafd
Muted#999999

Typefaces

Display
SangBleu
Body
Lausanne
Mono
—
Source
self_hosted
Scale
13 · 16 · 18 · 20 · 30 · 43

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px · 999px

Capture

Category
education
Sections
9
Captured
2026-08-30
Rhythm
light → multi → light → bright → light → bright → light x3

Type rules

  • monumental high-contrast serif for the master masthead and opening introductory statements
  • neutral neo-grotesque Lausanne for interface controls, body text, and horizontal event dates
  • section identifiers rotated 90 degrees in uppercase in the left margin

Colour rules

  • electric chartreuse (#cffd00) is reserved for high-priority announcements and event cards
  • body copy and structural dividing lines are strictly monochrome black (#000000) on white (#ffffff)
  • muted lilac (#eeeafd) grounds the footer to separate institutional meta from archival content

Voice rules

  • frame service options as first-person user intentions
  • keep archival descriptions factual and concise

Holds it together

  • anchor sections with rotated 90-degree uppercase labels aligned to the left margin
  • enclose service categories and callouts in fully rounded pill borders with hairline strokes
  • pair archival monochrome photography directly with saturated solid color blocks in editorial carousels

Contrast

text on background21.0:1 AAA
muted text on background2.9:1 fail
text on surface17.8:1 AAA
accent on background1.2:1 fail
background on accent1.2:1 fail

Type, measured

Body
20px / 1.3
Measure
—
Display
100px / 1
Tracking
0em display
Scale ratio
1.50

Voice

Tone
informative, direct, authoritative
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
recherchieren, anmelden, lesen

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 4 items
Length
4.5 screens

Sections in page order

3 marked strong · 9

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

  1. 00

    nav

    Strong

    Monumental, crisp black-and-white header dominated by an expansive high-contrast serif wordmark above refined uppercase navigation.

    Mood
    editorial + bold
    Layout
    1 col · stacked · airy
    Open section →
    Monumental, crisp black-and-white header dominated by an expansive high-contrast serif wordmark above refined uppercase navigation.
  2. 01

    showcase

    Strong

    A dynamic editorial carousel blending vintage field photography with saturated color blocks and crisp Swiss typography.

    Mood
    editorial + nostalgic
    Layout
    1 col · split · balanced
    Open section →
    A dynamic editorial carousel blending vintage field photography with saturated color blocks and crisp Swiss typography.
  3. 02

    statement

    Quiet editorial statement set in an elegant high-contrast serif typeface with generous leading against a stark light background.

    Mood
    editorial + quiet
    Layout
    8 col · stacked · airy
    Open section →
    Quiet editorial statement set in an elegant high-contrast serif typeface with generous leading against a stark light background.
  4. 03

    announcement

    A high-visibility neon capsule floating against white, delivering a seasonal notice with bold Swiss graphic clarity.

    Mood
    bold + playful
    Layout
    8 col · centered · airy
    Open section →
    A high-visibility neon capsule floating against white, delivering a seasonal notice with bold Swiss graphic clarity.
  5. 04

    showcase

    A restrained archival showcase pairing a monochromatic photo slider with a circular document crop alongside vertical Swiss typography.

    Mood
    quiet + editorial
    Layout
    1 col · split · airy
    Open section →
    A restrained archival showcase pairing a monochromatic photo slider with a circular document crop alongside vertical Swiss typography.
  6. 05

    announcement

    Strong

    An electric chartreuse event card with sharp modernist typography and disciplined Swiss-style horizontal divisions.

    Mood
    bold + clinical
    Layout
    16 col · asymmetric · airy
    Open section →
    An electric chartreuse event card with sharp modernist typography and disciplined Swiss-style horizontal divisions.
  7. 06

    feature

    Clean, precise Swiss layout pairing crisp neo-grotesque typography with a detailed architectural floorplan.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    Clean, precise Swiss layout pairing crisp neo-grotesque typography with a detailed architectural floorplan.
  8. 07

    statement

    Minimal Swiss editorial statement featuring rotated margin typography, an illustrated symbol glyph, and clean narrative copy.

    Mood
    editorial + quiet
    Layout
    12 col · split · airy
    Open section →
    Minimal Swiss editorial statement featuring rotated margin typography, an illustrated symbol glyph, and clean narrative copy.
  9. 08

    footer

    A quiet, structured Swiss footer set on soft lilac with refined grotesque typography and understated institutional logos.

    Mood
    quiet + clinical
    Layout
    4 col · grid · airy
    Open section →
    A quiet, structured Swiss footer set on soft lilac with refined grotesque typography and understated institutional logos.

More like this

by shared mood