Cormorant Garamond
Crafted for
real homes
High-contrast and old-style — it carries the showroom register the product needs. Reserved for headlines and pull quotes, never asked to do labour.
AaBbCc — 0123456789
Adorncroft
Bespoke furniture e-commerce, built from the ground up on WordPress. “Crafted for real homes.”
Visit live site
adorncroft.com
- Type
- Client engagement
- Scope
- Theme, design system, WooCommerce, build
- Sector
- Furniture / E-commerce
- Year
- 2026
01 / The brief
Sell furniture
that doesn't
exist yet.
Adorncroft makes sofas to order — every piece configured by size, layout and fabric before it is built. That breaks the usual e-commerce assumption that a product is a fixed thing with one photograph and one price.
The store had to let someone browse a collection, compare configurations, work through hundreds of fabric swatches, and place a deposit on something that won't exist for weeks — without any of it feeling like filling in a form.
So we stopped treating it as a shop and built it as a showroom: long editorial pages where the configurator is one step in a considered process rather than an obstacle before checkout.
02 / Design system
Sixty-six blocks,
one language.
Rather than build pages, we built a vocabulary. Every section on the site is a
custom Gutenberg block in the ac/ namespace — heroes, comparison
tables, configurators, signposts, banners — so the client composes new pages in
the editor without a developer, and without the design drifting.
66Custom blocks
29Theme modules
15Front-end scripts
0Page builders
03 / Typography
A serif to sell,
a sans to explain.
Satoshi
Made to order
in 6–8 weeks
Geometric and quiet. Every spec, price, filter and button — the parts that have to stay legible at 13px inside a dense product page.
AaBbCc — 0123456789
Both are self-hosted variable fonts — one file per family covering the whole weight range, with latin-ext glyphs split into a second file the browser only fetches when a page actually uses them. WordPress's own Font Library was re-registering Cormorant as heavier .ttf faces and winning the cascade, so ours are re-declared late in the head to take the match back.
04 / Colour
Warm neutrals,
one green.
The palette stays out of the furniture's way — creams, sands and taupes that read as fabric rather than interface. Charcoal carries every word and every button; the misty green belongs to hover alone, so the whole site answers a cursor in one voice.
Charcoal
#2B2A29
All type and primary buttons.
Cream
#F7F3EE
Page ground, header and footer.
Misty Green
#E3E8D6
The site-wide button hover.
Sand
#EDE3D7
Alternating section grounds.
Taupe
#D8CFC5
Cards and swatch frames.
Terra
#8C8279
Secondary text and meta.
Brown
#9C6B4A
Focus rings and accents.
Line
#E6DBCB
Every rule and border.
05 / Build
A shop that
behaves.
WooCommerce carries the commerce, but almost none of its front end survives. Cart, checkout, product pages, filtering, search and pagination are all replaced — including part-payment deposits, so a customer can commit to a made-to-order piece without paying for it in full up front.
The heavier interactions are hand-written and dependency-free: fabric filtering and its modal, infinite scroll on listings, drag-scroll rails, type-ahead search, and a trade programme with its own gated pricing.
A recurring job was undoing the parent theme's assumptions. Astra caps block width inside page-builder templates, which left a dead strip down the right of every custom section until its rule was matched selector-for-selector and overridden.
- Platform WordPress · Astra child
- Commerce WooCommerce + deposits
- Editor 66 custom
ac/*blocks - Styling Hand-written CSS + Tailwind
- Fonts Cormorant Garamond + Satoshi
- Extras Trade programme, geo banner, design call
06 / See it running
Live Open the Adorncroft store adorncroft.com
Next
Riot