SDF Posts
Archive section with filter pills and a ruled date/category/title/excerpt post list, each row a link.
The web platform got remarkably good, and most teams still write code like it didn’t.
A practical case for using the platform first — native dialog, native popovers, anchor positioning, view transitions.
Why we stopped reaching for build tools first.
For most marketing sites and small apps, the toolchain is the bug. A walk through how we cut ours by 80%.
Documenting the why is the only documentation that scales.
What-docs go stale in a week. Why-docs stay useful for years. How we structure ours.
Three things we changed our minds about this quarter.
Server components, image CDNs, monorepos. A short essay on each, and why our positions shifted.
The case for fewer breakpoints.
Most design systems carry too many. How to design with three breakpoints (or two, or one).
The full source is for members
Sign in and choose a plan to view and copy BaselumenPosts.tsx. The live preview above is free to explore.
How to use. Copy BaselumenPosts.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.