SDF Section Intro
The Baselumen section intro — eyebrow, balanced heading, and a supporting lede to open a section.
Section label
A short, declarative heading that sets the tone for the section below.
Two to three sentences of supporting copy that expands on the heading without repeating it. Keep it scannable. End with a thought that primes the reader for whatever comes next on the page.
Learn moreThe full source is for members
Sign in and choose a plan to view and copy BaselumenSectionIntro.tsx. The live preview above is free to explore.
How to use. Copy BaselumenSectionIntro.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.
