SearchSubmit
MUUDS

Curated catalog of analyzed web design.

dinnerladies-com-au

Warm, comforting, and cheerfully irreverent. Soft peach surfaces and comic-style culinary illustrations ground the page in home-cooked warmth, while oversized grotesque headlines and punchy red buttons give it commercial momentum.

warmplayfulbold
Visit site

Rated

6.6/ 10

From 15 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
7.3
Systemmeasured
4.9
Distinctionmeasured
8.8
on the grid
25%
vertical rhythm
54%
type on a scale
57%
contrast passing AA
60%
unlike the library
0.29
model craft
6.9/10
model deviation
4.5/10

Colour

Background#fff1e6
Text#0e1311
Accent#dd1f26
Surface#fde4d1
Muted#2b261b

Typefaces

Display
Denim SemiBold
Body
Denim Regular
Mono
—
Source
self_hosted
Scale
11 · 14 · 16 · 20 · 26 · 40

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px · 4px · 12px

Capture

Category
food
Sections
15
Captured
2026-08-30
Rhythm
warm peach x9 → red → warm peach x3 → olive → warm peach

Type rules

  • massive uppercase display headlines with tight line-height
  • body text set at 20px with generous 1.5 line height for readability
  • product tags and category pills strictly set in compact uppercase

Colour rules

  • soft peach background (#fff1e6) unifies the vast majority of the page
  • fire-engine red (#dd1f26) reserved for action buttons, review hearts, and high-impact promo blocks
  • deep charcoal (#0e1311) used for high-contrast crisp line borders and headers

Voice rules

  • use punchy rhyming or rhythmic all-caps headlines
  • speak like an empathetic home cook relieving dinner stress

Holds it together

  • pair warm peach backgrounds with clean 1px black outline borders on cards and buttons
  • anchor major headings with playful, hand-drawn food sticker illustrations
  • use red solid fills strictly on primary call-to-action buttons and highlight coupon blocks

Contrast

text on background16.9:1 AAA
muted text on background13.6:1 AAA
text on surface15.3:1 AAA
accent on background4.4:1 AA Large
background on accent4.4:1 AA Large

Type, measured

Body
20px / 1.5
Measure
62 characters
Display
200px / 1.01
Tracking
0.003em display
Scale ratio
1.78

Voice

Tone
homely, playful, straightforward, encouraging
Sentences
short
Person
second
Vocabulary
culinary
Calls to action
shop, see, explore, continue

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 15 items
Length
9.7 screens

Sections in page order

3 marked strong · 15

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

  1. 00

    nav

    Warm, peach-toned e-commerce header combining a vintage script brandmark with massive uppercase grotesque typography.

    Mood
    warm + bold
    Layout
    1 col · stacked · balanced
    Open section →
    Warm, peach-toned e-commerce header combining a vintage script brandmark with massive uppercase grotesque typography.
  2. 01

    hero

    Warm and playful baby mealtime hero with an open cart drawer and an energetic red scrolling ticker bar.

    Mood
    playful + warm
    Layout
    1 col · asymmetric · balanced
    Open section →
    Warm and playful baby mealtime hero with an open cart drawer and an energetic red scrolling ticker bar.
  3. 02

    hero

    Strong

    Exuberant and lively hero section bursting with rich, playful comic illustration and high-energy red accents.

    Mood
    playful + bold
    Layout
    1 col · asymmetric · dense
    Open section →
    Exuberant and lively hero section bursting with rich, playful comic illustration and high-energy red accents.
  4. 03

    showcase

    Appetising food product carousel with warm framed cards and bold uppercase header typography.

    Mood
    warm + bold
    Layout
    1 col · grid · balanced
    Open section →
    Appetising food product carousel with warm framed cards and bold uppercase header typography.
  5. 04

    showcase

    Warm and appetizing product carousel framing comforting home-cooked meals inside classic outlined cards.

    Mood
    warm + playful
    Layout
    4 col · grid · balanced
    Open section →
    Warm and appetizing product carousel framing comforting home-cooked meals inside classic outlined cards.
  6. 05

    statement

    A warm, bold typographic statement banner with centered uppercase copy framed by delicate horizontal rules and star glyphs.

    Mood
    bold + warm
    Layout
    1 col · centered · airy
    Open section →
    A warm, bold typographic statement banner with centered uppercase copy framed by delicate horizontal rules and star glyphs.
  7. 06

    feature

    Strong

    Playful, warm foodie split feature combining energetic overhead dinner photography, cheeky illustrated stickers, and punchy bold typography on soft cream.

    Mood
    playful + warm
    Layout
    8 col · split · balanced
    Open section →
    Playful, warm foodie split feature combining energetic overhead dinner photography, cheeky illustrated stickers, and punchy bold typography on soft cream.
  8. 07

    feature grid

    Clean warm-toned category navigation grid with bold uppercase typography enclosed in crisp rectangular wireframe tiles.

    Mood
    warm + editorial
    Layout
    4 col · grid · balanced
    Open section →
    Clean warm-toned category navigation grid with bold uppercase typography enclosed in crisp rectangular wireframe tiles.
  9. 08

    statement

    Oversized bold typography meets playful narrative illustration on a soft peach background, acting as an inviting editorial chapter divider.

    Mood
    playful + warm
    Layout
    2 col · asymmetric · dense
    Open section →
    Oversized bold typography meets playful narrative illustration on a soft peach background, acting as an inviting editorial chapter divider.
  10. 09

    statement

    A punchy narrative statement framed inside a bright red coupon-style card flanked by playful hand-drawn illustrations.

    Mood
    playful + bold
    Layout
    8 col · centered · balanced
    Open section →
    A punchy narrative statement framed inside a bright red coupon-style card flanked by playful hand-drawn illustrations.
  11. 10

    feature grid

    Warm, appetizing culinary cards overlaid with stepped red navigation badges featuring bold uppercase labels.

    Mood
    warm + bold
    Layout
    3 col · grid · dense
    Open section →
    Warm, appetizing culinary cards overlaid with stepped red navigation badges featuring bold uppercase labels.
  12. 11

    stats

    A warm, restrained statistical statement framed by delicate rules and subtle decorative glyphs.

    Mood
    warm + quiet
    Layout
    6 col · centered · airy
    Open section →
    A warm, restrained statistical statement framed by delicate rules and subtle decorative glyphs.
  13. 12

    testimonial

    A clean, warm row of framed customer testimonial cards featuring red heart ratings and meal reviews above a bold call to action.

    Mood
    warm + quiet
    Layout
    4 col · grid · balanced
    Open section →
    A clean, warm row of framed customer testimonial cards featuring red heart ratings and meal reviews above a bold call to action.
  14. 13

    cta

    Strong

    Warm and retro gift card banner pairing vintage comic-book illustrations with clean modern sans-serif typography across an earthy ribbon.

    Mood
    warm + nostalgic
    Layout
    1 col · split · balanced
    Open section →
    Warm and retro gift card banner pairing vintage comic-book illustrations with clean modern sans-serif typography across an earthy ribbon.
  15. 14

    footer

    Clean, warm-toned website footer pairing a bold uppercase newsletter prompt with organized multi-column navigation links.

    Mood
    warm + bold
    Layout
    1 col · split · balanced
    Open section →
    Clean, warm-toned website footer pairing a bold uppercase newsletter prompt with organized multi-column navigation links.

More like this

by shared mood