SDF Quote
Pull-quote section with an oversized quote mark, balanced blockquote, and ruled attribution block.
If one person can’t hold the system in their head, the system is too big. Most of what we do is keep things small enough to stay legible.
Founder
Strategy · Engineering
The full source is for members
Sign in and choose a plan to view and copy BaselumenQuote.tsx. The live preview above is free to explore.
How to use. Copy BaselumenQuote.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.
