04 · Activewear brand · 100% Merino · 2025
Spiree — running, celestial.
A bold, story-first brand site for an independent women's sportswear label. A custom gradient system and a Sun & Moon identity carry a crowdfunding launch — product second, story first.
// The story
Product second. Story first.
Spiree makes 100% Merino wool base layers for running and mountain sports — thermoregulating from +30°C to −10°C. But a spec sheet doesn't fund a launch. The site had to sell a premium, sustainable product and rally backers for a crowdfunding campaign.
The answer was a celestial identity built around Astrid — the runner the brand is named for. A Sun line to unleash your inner fire, a Moon line to embrace your ethereal side — each with its own gradient world, tied together by one story.
// Signature build
The Sun ↔ Moon collection switch
The centrepiece interaction: one toggle morphs the entire product world — gradient, copy, price context and palette — between the two celestial collections. Hand-built, no library. Try it:
CollectionSwitch.tsxlive component
Sun
Unleash your inner fire
€99,-
// Two worlds, one system
Sun & Moon
The collection switch isn't a gimmick — each world drives its own palette, copy and product context from a single hand-built gradient engine.
☀ Collection
Sun
Unleash your inner fire.
- Warm amber → ember gradient world
- High-energy copy for race day
- Daytime, heat-regulating story
☾ Collection
Moon
Embrace your ethereal side.
- Cool indigo → silver gradient world
- Calm, reflective copy for recovery
- Night running, warmth-keeping story
2
Collections — Sun & Moon from one gradient engine
40°
Thermal range — Merino comfort from +30 to −10°C
€99
Base layer — full storefront with size & cart
// Gallery
Through the site
