Props Furniture
props.studiolumio.com/a Studio Lumio demo store for a furniture maker that turns the brand name into a colossal 408px bone-white "PROPS" wordmark sitting over a warm, sunlit photograph of a hand-woven rattan chair, all set in a calm beige-and-brown palette with a Manrope variable sans paired against a Times serif and a Lenis-smoothed scroll.
Design tokens
- display
- Manrope (variable, 200-800)
- body
- Manrope
- serif
- Times
- mono
- none
Do / Don't
Reference it for
- Wordmark-as-hero: one enormous bone-white brand name (PROPS, 408px) overlapping warm product photography.
- A calm beige / brown / bone palette (ink #1B1816, brown #4D3D30, sand #DDD4C6/#E8E0D4, bone #F4F0EA) that flatters timber and rattan.
- Manrope (geometric variable sans, 200-800) for structure paired with a Times serif for editorial captions and pull quotes.
- The Studio Lumio motion baseline: Lenis smooth scroll, a looping marquee strip, and a deep cubic-bezier easing library.
- Small-caps category links (shop chairs / tables / lamps / shelves) as a tidy way to navigate a product catalogue.
Do not copy
- "PROPS" and the "since 1985" heritage framing are placeholder brand dressing; reproduce the technique with the client's real name and story.
- The Awwwards "Site of the Day" badge pinned to the right edge is Studio Lumio's award, not a component to lift.
- Re-derive the wordmark size against the client's name length and photography before locking tokens; 408px suits a short name bleeding edge to edge.
Signature moves
wordmark-as-hero over warm product photography
one enormous bone-white brand name (408px) overlaps warm sunlit product photography, the wordmark as the entire hero on a calm beige/brown/bone palette.
variable-sans plus Times-serif editorial pairing
Manrope (geometric variable sans, 200-800) carries structure while a Times serif handles editorial captions and pull quotes, with small-caps category links (chairs/tables/lamps/shelves) navigating the catalogue.
Studio-Lumio smooth-scroll motion baseline
Lenis smooth scroll, a looping marquee strip and a deep cubic-bezier easing library (ease-out-expo cubic-bezier(0.19,1,0.22,1) among others) form the motion baseline.
Related references
Alternative Aesthetics
nicheDesign Portfolio
The reference for solo illustrator portfolios on Webflow — hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.
Jardan
strongRetail
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.
Toll Brothers
flagshipOther
America's luxury homebuilder selling aspiration at scale - a Domaine serif over Gotham, a "Your New Home Starts Here" community-search configurator, Designer Appointed Collections, and an Apple Maps community finder, all in a restrained navy-and-tan system that makes a production builder feel bespoke and desirable.
Allbirds
strongRetail
a natural-materials footwear brand whose store leads with a full-bleed lifestyle hero, a warm sand-and-oat palette over charcoal text, the Geograph sans paired with a Self Modern serif and Akkurat Mono, and a Tailwind-powered Shopify build that turns sustainability into a calm, premium retail feel.