Milk Jar Candle Co.

Item: Milk Jar Candle Co.
Rating: 7.8

Canadian soy candles, diffusers and scent workshops.

7.8/10MABTU rating

DESKTOP · 1440 × 4,936/ ↗

MOBILE · 390

Section outline · Home

01announcementScrolling shipping bar128
02heroRust panel plus lifestyle photo719
03categoriesFour coloured product tiles636
04productsFour product cards616
05statsMarquee of amount raised187
06valuesThree doodle icons with text650
07quizScent chips and card illustration748
08workshopsPhoto with overlay card601
09footerLinks, newsletter, giant wordmark594

Rating · Home

Visual design8.0

UX & clarity7.8

Originality8.0

Craft & consistency7.8

Motion5.5

Performance & a11y9.0

This page scores 7.8; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

VC Henriettaheading · font · self-hosted Spoofbody · font · self-hosted

Stack & style

Next.js Shopify Sanity

Bold typography Playful Retro Photography-led Hamburger-only nav Marquee Mega menu Pricing table Sticky header

Also: Klaviyo, Meta Pixel, Google Analytics, Vercel

Design DNA

Cream base with thin black rules framing every block, and flat fills of rust, lime #C6F432, butter yellow and periwinkle. A chunky soft serif display face for headlines, small sans body. Hero splits rust colour panel and lifestyle photo; category tiles pair bold studio product shots on coloured sets; best-seller cards with rounded product images; a lime ticker of money raised; hand-drawn doodle icons for values; a 'Scent Seer' quiz with pill chips and tarot card; a workshops photo with card overlay; and a periwinkle footer with a huge wordmark.

Worth borrowing

Frame every section and tile with thin black rules to make a colourful shop feel like one printed sheet.
A product-finder quiz shown as scent chips beside an illustrated tarot card.
A marquee ticker of a running donation total as social proof.