SDF Story
Founding-story timeline pairing year markers with title and body copy in top-ruled two-column rows.
How we got here.
- 2018
Started as a side project.
Two engineers, a freelance gig, and a strong opinion about documentation. Shipped the first client site over a weekend.
- 2021
Built the first internal toolkit.
After ten projects, the patterns were obvious. We codified them into reusable pieces — the seed of what later became SDF.
- 2024
Opened the toolkit publicly.
Realized other small teams faced the same problems. Started publishing components and documentation as a library other people could use.
- Now
Same belief, more leverage.
A handful of people, shipping serious work for small teams. The toolkit keeps growing because the projects keep teaching us new things.
The full source is for members
Sign in and choose a plan to view and copy BaselumenStory.tsx. The live preview above is free to explore.
How to use. Copy BaselumenStory.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.