Jardan

www.jardan.com.au

an Australian designer-furniture and homewares house whose homepage opens on a warm, cinematic golden-hour video of hands working raw timber and a rug being woven, set in a strictly greyscale, whitespace-led editorial system with the Neuzeit Grotesk sans doing nearly all the work and a BN Cicero serif for accents.

Retail Furniture Homewares strong

Design tokens

black

ink

charcoal

grey

mid-grey

light-grey

line

white

surface

surface-alt

sale-orange

display: NeuzitGro (Neuzeit Grotesk)
body: NeuzitGro (Neuzeit Grotesk)
serif: BN Cicero
mono: ui-monospace stack (utility only)

Do / Don't

Reference it for

Warm-minimal editorial commerce: a strictly greyscale UI that defers to cinematic, golden-hour craft photography and video.
A single grotesque (Neuzeit Grotesk) carrying nearly all the type, with a serif (BN Cicero) reserved for accents.
A near-monochrome palette (text #666 / #333 / #000 on #fff / #f2f2f2 / #efefef) with no brand accent colour.
Generous whitespace and large full-bleed media (a 4000px-wide media bound) alternating with a contained ~950px reading column.
CSS-native motion: an all 0.3s ease hover family plus fadeIn / fadeInUp reveals; a springy cubic-bezier for occasional bounce.

Do not copy

The Jardan wordmark, the craft-in-progress films and the room photography are brand identity; borrow the warm-editorial treatment, not the footage.
Neuzeit Grotesk and BN Cicero are licensed; map to a similar neutral grotesque plus a restrained serif.
The Atlas / Shopify widget scaffolding (the --atlas-* token soup) is theme plumbing, not a design system to reproduce; lift the visual decisions, not the variables.

Signature moves

warm-minimal greyscale editorial commerce

a strictly greyscale UI (text #666/#333/#000 on #fff/#f2f2f2/#efefef, no brand accent) defers to cinematic golden-hour craft photography and video, alternating 4000px-wide full-bleed media with a ~950px reading column.

single grotesque with serif accents

a single neutral grotesque (Neuzeit Grotesk) carries nearly all the type with a serif (BN Cicero) reserved for accents, across a 12-52px scale.

CSS-native hover and fade motion

an all 0.3s ease hover family plus fadeIn/fadeInUp reveals, with a springy cubic-bezier(0.52,0.175,0.45,1.06) for occasional bounce, runs with no animation library.

Related references

Cubitts

niche

Health

a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.

Erewhon

strong

Retail

a cult premium grocer that turned organic groceries into a lifestyle brand, a warm off-white canvas, confident Sharp Sans, a category-led shop, and a strong mission-and-community story that justifies the premium.

Hay

strong

Retail

a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.

Sightglass Coffee

flagship

Other

A speciality-coffee shop that opens on a warm sunrise gradient and a hand holding the bag, then earns belonging through quiet ritual ("Coffee Served Daily", a 4.9/5 wall of reviews) rather than hard selling.