SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Poch

Irreverent, surreal, and stylishly editorial. A pitch-black canvas hosts playful 3D collages, bubbly pink highlights, and crisp multi-column case studies that balance agency craft with a DIY sense of humor.

quieteditorialplayful
Visit site

Colour

Background#000000
Text#ffffff
Accent#ffa5c6
Surface#ececeb
Muted#4f4f4f

Typefaces

Display
Season Sans SemiBold
Body
Season Sans SemiBold
Mono
—
Source
google
Scale
12 · 14 · 17 · 20 · 25 · 50

Layout

Grid
—
Container
—
Spacing base
5px
Radius
20px · 30px · 999px

Capture

Category
studio
Sections
9
Captured
2026-08-29
Rhythm
dark x9

Type rules

  • display headlines set in sentence case with tight line height
  • body text runs in multi-column editorial blocks averaging around 50 characters per line
  • category and filter tags rendered in compact pill badges

Colour rules

  • background remains absolute pitch-black throughout all sections
  • bubble-gum pink acts as the primary standout accent for highlight cards and stickers
  • text is predominantly crisp white with muted grey details

Voice rules

  • use colloquial, friendly phrasing without agency jargon
  • keep CTA copy action-oriented and approachable

Holds it together

  • maintain pure black background across every section without container breaks
  • use pill-shaped container badges for metadata, tags, and interactive links
  • isolate high-impact pink only for the most prominent offer card, sticker, or accent element

Contrast

text on background21.0:1 AAA
muted text on background2.6:1 fail
text on surface1.2:1 fail
accent on background11.4:1 AAA
background on accent11.4:1 AAA

Type, measured

Body
12px / 1.3
Measure
51 characters
Display
150px / 1
Tracking
0em display
Scale ratio
1.88

Voice

Tone
playful, candid, casual
Sentences
medium
Person
first
Vocabulary
informal
Calls to action
get, see, book, call

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 3 items
Length
8 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

    hero

    Stark pitch-black studio landing with floating navigation pills and restrained editorial typography emerging from massive negative space.

    Mood
    quiet + raw
    Layout
    1 col · stacked · airy
    Open section →
    Stark pitch-black studio landing with floating navigation pills and restrained editorial typography emerging from massive negative space.
  2. 01

    showcase

    A refined, dark portfolio index row balancing category pill tags, an expressive case study title, and dual narrative copy columns against pure black.

    Mood
    editorial + quiet
    Layout
    1 col · split · balanced
    Open section →
    A refined, dark portfolio index row balancing category pill tags, an expressive case study title, and dual narrative copy columns against pure black.
  3. 02

    showcase

    A pitch-black editorial case study index with crisp white typography, structured story columns, and pill navigation tags.

    Mood
    editorial + quiet
    Layout
    1 col · stacked · dense
    Open section →
    A pitch-black editorial case study index with crisp white typography, structured story columns, and pill navigation tags.
  4. 03

    showcase

    Stark black editorial project entry pairing categorical pill tags with structured multi-column narrative copy.

    Mood
    editorial + quiet
    Layout
    1 col · split · balanced
    Open section →
    Stark black editorial project entry pairing categorical pill tags with structured multi-column narrative copy.
  5. 04

    showcase

    Minimalist black case study introduction pairing structured editorial columns with discreet pill tags and a hand-drawn section label.

    Mood
    quiet + editorial
    Layout
    1 col · split · airy
    Open section →
    Minimalist black case study introduction pairing structured editorial columns with discreet pill tags and a hand-drawn section label.
  6. 05

    feature grid

    Strong

    Dark minimalist services section pairing clean typography with quirky surrealist graphics inside rounded cards.

    Mood
    playful + bold
    Layout
    2 col · grid · balanced
    Open section →
    Dark minimalist services section pairing clean typography with quirky surrealist graphics inside rounded cards.
  7. 06

    cta

    Strong

    Cheeky retro CTA card popping against pure black with vintage comic illustrations and a tactile starburst sticker.

    Mood
    playful + nostalgic
    Layout
    5 col · centered · airy
    Open section →
    Cheeky retro CTA card popping against pure black with vintage comic illustrations and a tactile starburst sticker.
  8. 07

    pricing

    High-contrast dark pricing tier cards with a standout pink accent, followed by a minimal FAQ accordion and whimsical line illustration.

    Mood
    playful + bold
    Layout
    1 col · stacked · balanced
    Open section →
    High-contrast dark pricing tier cards with a standout pink accent, followed by a minimal FAQ accordion and whimsical line illustration.
  9. 08

    footer

    Strong

    A playful dark footer featuring massive custom wordmark branding layered beneath a frosted call-to-action card and social links.

    Mood
    playful + bold
    Layout
    1 col · stacked · airy
    Open section →
    A playful dark footer featuring massive custom wordmark branding layered beneath a frosted call-to-action card and social links.