MUUDS

Curated catalog of analyzed web design.

Teona Kokhodze

Quiet and rigorously editorial. An archival, Swiss-inspired spatial portfolio combining generous warm neutral backgrounds, tight neo-grotesque typography, and technical drawings in a multi-column index layout.

Visit site ↗

Colour

Background#edecea
Text#0a0a0a
Accent#0a0a0a
Surface#edecea
Muted#b3b3b3

Typefaces

Display
Suisse Intl Regular
Body
Inter
Mono
Source
self_hosted
Scale
13 · 16 · 44

Layout

Grid
15 columns
Container
1420px
Spacing base
5px
Radius
0px

Capture

Category
portfolio
Sections
1
Captured
2026-08-27
Rhythm
light

Type rules

  • display type set tight in sentence case at 44px with negative tracking
  • inactive list items set in muted grey to maintain hierarchy against active project
  • body measure strictly contained around 53 characters

Colour rules

  • monochrome palette strictly reliant on deep neutral black on warm off-white stone background
  • secondary state distinction achieved purely via muted text opacity

Voice rules

  • actions prefixed with a forward slash
  • concise architectural and spatial design descriptors

Holds it together

  • prefix utility links and interactive controls with a forward slash
  • use muted grey for inactive project titles in the navigation index
  • keep the canvas strictly borderless and flush across column gutters

Contrast

text on background16.8:1 AAA
muted text on background1.8:1 fail
text on surface16.8:1 AAA
accent on background16.8:1 AAA
background on accent16.8:1 AAA

Type, measured

Body
16px / 1.2
Measure
53 characters
Display
44px / 1
Tracking
-0.034em display
Scale ratio
1.29

Voice

Tone
understated, precise
Sentences
medium
Person
third
Vocabulary
technical
Calls to action
view, show

Built with

Builder
framer
Framework
Motion
WebGL
Nav
Length
1 screens

Colour, by area

#edecea 0%#0a0a0a 0%

Sections in page order

1 strongest marked · 1
  1. 00

    showcase

    Strongest

    An airy, Swiss-inspired archival portfolio grid that balances technical sketches, typographic project indexes, and generous neutral space.

    Mood
    quiet + editorial
    Layout
    15 col · asymmetric · airy
    Open section →
    An airy, Swiss-inspired archival portfolio grid that balances technical sketches, typographic project indexes, and generous neutral space.

More like this

by shared mood