SDF Cases
A customer-stories section — one dark, glowing featured story with a pull-quote and stats, followed by a grid of compact metric cards.
Customer story
We replaced three separate tools with Baselumen and cut our build time in half. Churn dropped almost immediately once onboarding stopped feeling like a chore.
Mara Devlin
VP Product, Northwind
−32%
Reduction in monthly churn
4×
Faster time to first launch
Fintech
+58%
Ledgerline
Lifted trial-to-paid conversion after rebuilding the pricing flow.
SaaS
2.1s
Cadence
Cut largest-contentful-paint by shipping framework-free sections.
E-commerce
+24%
Fieldnote
Grew average order value with a redesigned product story page.
Healthcare
99.9%
Vitalis
Hit their accessibility target on the first audit with semantic markup.
Media
3×
Broadsheet
Tripled newsletter signups after reworking the subscribe module.
Agency
−40%
Studio Roam
Slashed handoff time by shipping components clients could paste anywhere.
The full source is for members
Sign in and choose a plan to view and copy sdf-cases.tsx. The live preview above is free to explore.
How to use. Copy sdf-cases.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
