SDF Blog Hero
Editorial blog masthead splitting a featured essay beside a ruled list of recent posts.
Field Notes
Writing on building, shipping, the modern web.
Issue 47 · June 2026
The full source is for members
Sign in and choose a plan to view and copy BaselumenBlogHero.tsx. The live preview above is free to explore.
How to use. Copy BaselumenBlogHero.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.
