SearchSubmit
MUUDS

Curated catalog of analyzed web design.

CRAV

A lively, retro-diner celebration bursting with cartoon mascot humor and tactile appetite appeal. Warm cream backgrounds, mustard yellow, and ketchup red frame towering compressed typography layered directly against photography. It feels like a Saturday morning cartoon turned into a premium smash burger joint.

playfulnostalgic
Visit site

Rated

6.8/ 10

From 8 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
8.0
Systemmeasured
4.5
Distinctionmeasured
9.4
on the grid
17%
vertical rhythm
50%
type on a scale
55%
contrast passing AA
60%
unlike the library
1.24
model craft
7.3/10
model deviation
6.5/10

Colour

Background#f5e3cd
Text#1b1b1b
Accent#f91814
Surface#ffffff
Muted#4c0016

Typefaces

Display
Mouse Memoirs
Body
Mouse Memoirs
Mono
—
Source
self_hosted
Scale
13 · 14 · 19 · 26 · 35 · 40

Layout

Grid
16 columns
Container
1368px
Spacing base
8px
Radius
16px · 999px

Capture

Category
food
Sections
8
Captured
2026-09-16
Rhythm
cream x2 → red → photo → cream → yellow → cream x2

Type rules

  • display type always compressed uppercase with negative line-height overlap
  • body text constrained to narrow measures around 42 characters per line

Colour rules

  • warm cream serves as default ground punctuated by full-bleed ketchup red and mustard yellow sections
  • sticker callouts and badges use white strokes with bright yellow or red fills

Voice rules

  • use punchy sensory descriptors like juicy, cheesy, and smashed hot
  • limit body copy blocks to under three lines of text

Holds it together

  • giant display titles must sit directly behind or interlock with isolated product cutouts
  • eyebrow badges and secondary callouts must tilt at dynamic angles with thick white sticker outlines
  • transitions between primary background colors must use organic wavy cut lines instead of straight dividers

Contrast

text on background13.7:1 AAA
muted text on background12.7:1 AAA
text on surface17.2:1 AAA
accent on background3.2:1 AA Large
background on accent3.2:1 AA Large

Type, measured

Body
14px / 1.5
Measure
42 characters
Display
504px / 0.5
Tracking
0em display
Scale ratio
2.45

Voice

Tone
sensory, playful, bold
Sentences
short
Person
mixed
Vocabulary
plain
Calls to action
order, dive

Built with

Builder
—
Framework
next
Motion
lenis
WebGL
—
Nav
sticky_top_bar, 7 items, sticky
Length
11.6 screens
Mode

Sections in page order

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

  1. 00

    hero

    Strong

    Loud retro diner energy bursts forth with sticker-style typography, warm fast-food hues, and cartoon eyes on a stacked burger.

    Mood
    playful + nostalgic
    Layout
    3 col · centered · balanced
    Open section →
    Loud retro diner energy bursts forth with sticker-style typography, warm fast-food hues, and cartoon eyes on a stacked burger.
  2. 01

    hero

    A punchy retro diner hero radiating warm nostalgia with bold sticker-outlined typography and appetizing burger photography.

    Mood
    nostalgic + playful
    Layout
    1 col · centered · balanced
    Open section →
    A punchy retro diner hero radiating warm nostalgia with bold sticker-outlined typography and appetizing burger photography.
  3. 02

    statement

    Vibrant and punchy red graphic panel pairing bold retro typography with an anthropomorphized burger character.

    Mood
    playful + energetic
    Layout
    1 col · centered · balanced
    Open section →
    Vibrant and punchy red graphic panel pairing bold retro typography with an anthropomorphized burger character.
  4. 03

    statement

    Appetizing close-up food photography of a juicy cheeseburger framed between bold wavy red and cream section dividers.

    Mood
    playful + joyful
    Layout
    1 col · full bleed · dense
    Open section →
    Appetizing close-up food photography of a juicy cheeseburger framed between bold wavy red and cream section dividers.
  5. 04

    statement

    Strong

    Playful retro statement section with floating burger ingredients intertwined with bold condensed red typography on a warm cream background.

    Mood
    playful + nostalgic
    Layout
    1 col · centered · balanced
    Open section →
    Playful retro statement section with floating burger ingredients intertwined with bold condensed red typography on a warm cream background.
  6. 05

    feature

    A sunny, cheerful travel-themed feature tracing burger enjoyment across global cities along dotted flight lines.

    Mood
    playful + joyful
    Layout
    2 col · asymmetric · airy
    Open section →
    A sunny, cheerful travel-themed feature tracing burger enjoyment across global cities along dotted flight lines.
  7. 06

    cta

    Punchy, fast-casual food promo band pairing high-energy sticker typography with a candid burger-eating photo over warm undulating shapes.

    Mood
    playful + energetic
    Layout
    2 col · split · balanced
    Open section →
    Punchy, fast-casual food promo band pairing high-energy sticker typography with a candid burger-eating photo over warm undulating shapes.
  8. 07

    footer

    Strong

    A retro, playful diner footer dominated by gigantic bubbly red typography punctuated by floating burger ingredients.

    Mood
    playful + nostalgic
    Layout
    2 col · stacked · airy
    Open section →
    A retro, playful diner footer dominated by gigantic bubbly red typography punctuated by floating burger ingredients.

More like this

by shared mood