MUUDS

Curated catalog of analyzed web design.

samuelsnider-com

Quiet and deeply restrained editorial commerce. Monospaced-feeling micro sans-serif typography floats across expansive white margins, allowing large-scale portraiture and garment textures to command total focus.

Visit site

Colour

Background#ffffff
Text#282828
Surface#eaeaea

Typefaces

Display
FolioStd Light
Body
FolioStd Light
Mono
Source
self_hosted
Scale
12

Layout

Grid
8 columns
Container
1408px
Spacing base
4px
Radius
0px

Capture

Category
other
Sections
7
Captured
2026-08-30
Rhythm
dark → white → light x2 → white x2

Type rules

  • uniform micro type scale across display and body hierarchy
  • section eyebrows and category labels in small caps/uppercase
  • line measure strictly capped around 70 characters

Colour rules

  • monochrome palette relying entirely on charcoal text over white and pale grey canvas
  • colour is introduced exclusively through photography

Voice rules

  • use first-person plural when describing craft and provenance
  • keep CTA text minimal and functional

Holds it together

  • render text at uniform delicate sizing rather than scaling headlines up
  • anchor product details beside expansive editorial portraits in asymmetric balance
  • let imagery introduce all colour while interface tokens remain strictly monochrome

Contrast

text on background14.7:1 AAA
text on surface12.3:1 AAA

Type, measured

Body
12px / 1.2
Measure
70 characters
Display
12px / 1.2
Tracking
0em display
Scale ratio

Voice

Tone
restrained, artisanal, intimate
Sentences
medium
Person
first
Vocabulary
literary
Calls to action
shop, discover, read

Built with

Builder
Framework
Motion
swiper
WebGL
Nav
sticky_top_bar, 39 items, sticky
Length
6.6 screens

Sections in page order

7

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

  1. 00

    hero

    Quiet and deeply restrained editorial hero dominated by full-bleed black-and-white portraiture with delicate, widely spaced typography floating across the top edge.

    Mood
    quiet + editorial
    Layout
    1 col · full bleed · airy
    Open section →
    Quiet and deeply restrained editorial hero dominated by full-bleed black-and-white portraiture with delicate, widely spaced typography floating across the top edge.
  2. 01

    statement

    Quiet, gallery-like editorial layout pairing delicate typography and vast white space with a tactile, close-cropped garment portrait.

    Mood
    quiet + editorial
    Layout
    8 col · split · airy
    Open section →
    Quiet, gallery-like editorial layout pairing delicate typography and vast white space with a tactile, close-cropped garment portrait.
  3. 02

    showcase

    Quiet editorial product showcase pairing an expansive portrait with sparse, delicate typography and secondary garment imagery across an airy layout.

    Mood
    quiet + editorial
    Layout
    12 col · asymmetric · airy
    Open section →
    Quiet editorial product showcase pairing an expansive portrait with sparse, delicate typography and secondary garment imagery across an airy layout.
  4. 03

    showcase

    Muted, intimate fashion lookbook balancing a dominant editorial portrait with subtle product callouts and quiet typography.

    Mood
    quiet + editorial
    Layout
    8 col · asymmetric · airy
    Open section →
    Muted, intimate fashion lookbook balancing a dominant editorial portrait with subtle product callouts and quiet typography.
  5. 04

    showcase

    An airy editorial showcase pairing an atmospheric lifestyle portrait with subtle product copy and a floating packshot.

    Mood
    quiet + editorial
    Layout
    24 col · asymmetric · airy
    Open section →
    An airy editorial showcase pairing an atmospheric lifestyle portrait with subtle product copy and a floating packshot.
  6. 05

    showcase

    A quiet editorial journal gallery with muted, filmic lifestyle imagery set against an airy white canvas and delicate sans-serif typography.

    Mood
    quiet + editorial
    Layout
    16 col · grid · airy
    Open section →
    A quiet editorial journal gallery with muted, filmic lifestyle imagery set against an airy white canvas and delicate sans-serif typography.
  7. 06

    footer

    An austere, airy footer anchored by a row of black-and-white archival images above quiet, widely spaced editorial link columns.

    Mood
    quiet + editorial
    Layout
    1 col · grid · airy
    Open section →
    An austere, airy footer anchored by a row of black-and-white archival images above quiet, widely spaced editorial link columns.

More like this

by shared mood