SearchSubmit
MUUDS

Curated catalog of analyzed web design.

MOTH

Striking, graphic-led, and distinctly editorial. Crisp, high-contrast monochrome layouts anchored on warm cream panels create a premium yet punchy backdrop for vivid canned cocktail photography and hypnotic optical moiré motifs.

quietwarmboldplayfuleditorialraw
Visit site

Colour

Background#f8f8ef
Text#121212
Accent#000000
Surface#121212
Muted#767676

Typefaces

Display
PolysansNew
Body
PolysansNew
Mono
—
Source
self_hosted
Scale
10 · 12 · 13 · 14 · 15 · 16

Layout

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

Capture

Category
food
Sections
11
Captured
2026-08-30
Rhythm
dark → cream x2 → dark → cream x4 → dark x3

Type rules

  • display typography set in PolysansNew uppercase with tight leading
  • body text constrained to short measures around 43 characters
  • labels and metadata rendered strictly in uppercase

Colour rules

  • canvas alternates between warm off-white #f8f8ef and pitch black #000000 or #121212
  • strict monochromatic palette where photography provides all vibrant color

Voice rules

  • all uppercase headings without exception
  • short, direct product-driven copy

Holds it together

  • use optical radial or geometric patterns in pure black and white as visual anchors
  • render all headlines, buttons, and system labels in all-caps grotesque type
  • enclose secondary action buttons in full pill-shaped rounded containers

Contrast

text on background17.5:1 AAA
muted text on background4.3:1 AA Large
accent on background19.7:1 AAA
background on accent19.7:1 AAA

Type, measured

Body
16px / 1.13
Measure
43 characters
Display
85px / 0.8
Tracking
-0.03em display
Scale ratio
1.52

Voice

Tone
punchy, confident, casual
Sentences
short
Person
first
Vocabulary
plain
Calls to action
shop, quick add, view, join

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 7 items
Length
7.9 screens

Sections in page order

3 marked strong · 11

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

  1. 00

    announcement

    Minimalist black age gate modal featuring an optical graphic and clean uppercase typography centered on a solid dark backdrop.

    Mood
    quiet + bold
    Layout
    1 col · centered · airy
    Open section →
    Minimalist black age gate modal featuring an optical graphic and clean uppercase typography centered on a solid dark backdrop.
  2. 01

    showcase

    Crisp, studio-lit cocktail photography presented in clean rounded cards across a warm off-white canvas with bold typography.

    Mood
    warm + playful
    Layout
    4 col · grid · balanced
    Open section →
    Crisp, studio-lit cocktail photography presented in clean rounded cards across a warm off-white canvas with bold typography.
  3. 02

    feature

    Strong

    A bold, high-contrast editorial layout combining stark sans-serif typography with hypnotic optical geometry on a warm cream canvas.

    Mood
    bold + editorial
    Layout
    1 col · stacked · balanced
    Open section →
    A bold, high-contrast editorial layout combining stark sans-serif typography with hypnotic optical geometry on a warm cream canvas.
  4. 03

    hero

    A dramatic diagonal beam of light cuts across deep black to illuminate chilled cocktails beside stark white typography.

    Mood
    bold + editorial
    Layout
    1 col · full bleed · airy
    Open section →
    A dramatic diagonal beam of light cuts across deep black to illuminate chilled cocktails beside stark white typography.
  5. 04

    testimonial

    Casual flash photography pairs with minimal uppercase typography and a review count to convey vibrant, social refreshment.

    Mood
    playful + warm
    Layout
    2 col · split · airy
    Open section →
    Casual flash photography pairs with minimal uppercase typography and a review count to convey vibrant, social refreshment.
  6. 05

    testimonial

    Sparse, quiet customer testimonial row set against a warm cream background with generous breathing room and restrained typography.

    Mood
    quiet + warm
    Layout
    3 col · grid · airy
    Open section →
    Sparse, quiet customer testimonial row set against a warm cream background with generous breathing room and restrained typography.
  7. 06

    showcase

    Crisp editorial news grid with saturated still-life cocktail photography set cleanly against a warm cream backdrop.

    Mood
    editorial + warm
    Layout
    3 col · grid · balanced
    Open section →
    Crisp editorial news grid with saturated still-life cocktail photography set cleanly against a warm cream backdrop.
  8. 07

    feature

    Strong

    A punchy stockist locator pairing a wide-angle fisheye can shot with warm cream spacing and bold retailer badges.

    Mood
    playful + bold
    Layout
    2 col · split · airy
    Open section →
    A punchy stockist locator pairing a wide-angle fisheye can shot with warm cream spacing and bold retailer badges.
  9. 08

    gallery

    A gritty, full-bleed strip of candid lifestyle photos and video clips evoking raw city summer energy.

    Mood
    raw + nostalgic
    Layout
    1 col · full bleed · dense
    Open section →
    A gritty, full-bleed strip of candid lifestyle photos and video clips evoking raw city summer energy.
  10. 09

    cta

    Strong

    Stark high-contrast newsletter CTA dominated by enormous cropped lettering over a crisp inline input form.

    Mood
    raw + bold
    Layout
    2 col · stacked · dense
    Open section →
    Stark high-contrast newsletter CTA dominated by enormous cropped lettering over a crisp inline input form.
  11. 10

    footer

    Minimal stark black footer with strictly uppercase navigation links and crisp high-contrast layout.

    Mood
    quiet + raw
    Layout
    1 col · grid · airy
    Open section →
    Minimal stark black footer with strictly uppercase navigation links and crisp high-contrast layout.

More like this

by shared mood