Gantri
www.gantri.coma direct-to-consumer lighting brand that runs its whole store on a quiet Sohne-grotesque-plus-Roboto-Mono system, near-black editorial photography, a single forest-green accent (#00855B) and a calm 1440px product grid, so the lamps carry all the colour and the chrome stays out of the way.
Design tokens
- display
- Sohne / buch grotesque
- body
- Sohne / buch grotesque
- mono
- Roboto Mono
Do / Don't
Reference it for
- A restrained DTC retail system: black-on-white, one green accent (#00855B), product imagery as the only real colour.
- Grotesque body (Sohne-style "buch") paired with Roboto Mono for small technical and spec labels, a tasteful e-commerce voice.
- A calm, wide 1440px product grid with a 4px radius and tight 6-8px internal gaps that scales to a huge catalogue without clutter.
- Dark, lived-in editorial product photography for the hero, lamps shown switched on in real rooms.
- A clean Next.js storefront with a token-driven button system (primary, secondary, ghost, tertiary).
Do not copy
- The on-load Klaviyo email modal: a conversion tactic, not a craft feature. Borrow the restraint, not the interstitial.
- Gantri's exact product palette tokens (lilac, sky, spruce, walnut) map to their physical finishes; pick your own.
- The full button-variant token sprawl (hundreds of custom properties) is enterprise scale; a Jiffi build needs a fraction of it.
Signature moves
restrained DTC grid, one green accent, product as colour
a calm wide 1440px product grid with a 4px radius and tight 6-8px gaps runs black-on-white with a single forest-green #00855B accent, so the lamps carry all the colour.
grotesque-plus-mono spec-label voice
a Sohne-style grotesque body paired with Roboto Mono for small technical and spec labels gives a tasteful e-commerce voice, with a token-driven button system (primary/secondary/ghost/tertiary).
Related references
Cubitts
nicheHealth
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.
Drunk Elephant
strongBeauty
a playful clean-skincare DTC store built on a charcoal-on-white base lit up by candy pastels, mint and neon-lime, with bouncy float-and-wink micro-motion, rounded product cards and a chatty, ingredient-led voice.
Form Nutrition
strongFitness
a UK supplements DTC that pairs a warm off-white editorial base with a single mustard-yellow accent and a terracotta brand block, a geometric-sans-plus-Silka heading system, big oversized logo graphics and a calm, recipe-and-ritual voice.
Lalo
strongChildcare Education
a baby-and-toddler products store on Shopify that reads as premium rather than cutesy, deep navy (#0F234C) on white, a GT Alpina serif paired with Neue Haas Grotesk, warm real-family kitchen photography, full navy feature panels with a warm CTA, and GSAP-plus-Swiper product carousels.