SearchSubmit
MUUDS

Curated catalog of analyzed web design.

wonderkindco-co

Warm, tactile, and editorial. Rich espresso backgrounds contrast with delicate italic serif headings, outlined pill elements, and highly saturated, playful product photography.

playfuleditorial
Visit site

Colour

Background#261f1f
Text#fbf3f0
Accent#ffffff
Surface#261f1f
Muted#fbf3f0

Typefaces

Display
swear-text-cilati
Body
Kobe 1
Mono
—
Source
adobe
Scale
14 · 16 · 19 · 20 · 32 · 48

Layout

Grid
—
Container
—
Spacing base
4px
Radius
100px

Capture

Category
other
Sections
5
Captured
2026-08-30
Rhythm
dark x5

Type rules

  • display headings set in high-contrast italic serif capitals
  • body copy set in clean grotesque sans with comfortable line height

Colour rules

  • dark espresso background carries across all sections consistently
  • cream text and hairline pill borders provide all structural contrast

Voice rules

  • use high-energy expressive language in client quotes
  • keep body descriptions succinct and direct

Holds it together

  • interactive elements and tags must be enclosed in rounded pill borders
  • headings use uppercase italic serifs across all sections
  • imagery provides the saturated primary color palette against neutral dark backgrounds

Contrast

text on background14.8:1 AAA
muted text on background14.8:1 AAA
text on surface14.8:1 AAA
accent on background16.2:1 AAA
background on accent16.2:1 AAA

Type, measured

Body
16px / 1.5
Measure
137 characters
Display
48px / 1.2
Tracking
0em display
Scale ratio
1.32

Voice

Tone
confident, warm, expressive
Sentences
medium
Person
first
Vocabulary
creative
Calls to action
chat, submit

Built with

Builder
webflow
Framework
—
Motion
gsap
WebGL
—
Nav
sticky_top_bar, 1 items, sticky
Length
2.9 screens

Sections in page order

5

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

  1. 00

    showcase

    Whimsical, tactile product showcase surrounded by thick swirls of cream, tiny oranges, and floating blue birds against a warm peachy backdrop.

    Mood
    playful + dreamy
    Layout
    3 col · centered · balanced
    Open section →
    Whimsical, tactile product showcase surrounded by thick swirls of cream, tiny oranges, and floating blue birds against a warm peachy backdrop.
  2. 01

    statement

    An intimate, editorial agency introduction set on dark espresso with delicate italicized typography and minimal pill navigation.

    Mood
    editorial + luxurious
    Layout
    16 col · split · balanced
    Open section →
    An intimate, editorial agency introduction set on dark espresso with delicate italicized typography and minimal pill navigation.
  3. 02

    showcase

    Vibrant, high-saturation product photography pops cleanly against a dark chocolate background in an organized grid of portfolio service cards.

    Mood
    playful + bold
    Layout
    24 col · grid · balanced
    Open section →
    Vibrant, high-saturation product photography pops cleanly against a dark chocolate background in an organized grid of portfolio service cards.
  4. 03

    testimonial

    An elegant, dark-toned testimonial carousel balancing italic display serifs with warm typography and minimalist slider navigation.

    Mood
    editorial + warm
    Layout
    1 col · centered · airy
    Open section →
    An elegant, dark-toned testimonial carousel balancing italic display serifs with warm typography and minimalist slider navigation.
  5. 04

    footer

    Dark, refined editorial footer anchored by a massive typographic wordmark spanning the lower border.

    Mood
    editorial + bold
    Layout
    1 col · stacked · balanced
    Open section →
    Dark, refined editorial footer anchored by a massive typographic wordmark spanning the lower border.

More like this

by shared mood