SDF Specs
Eyebrow, title, and lede above a ruled four-up grid of lettered specialty cells.
What the room knows.
Six people, deep on a focused set of disciplines. No agency-style “we do everything.”
Web engineering
Modern stacks. Next, Astro, plain HTML when it’s the right answer. CMS-agnostic, infra-aware.
Brand systems
Identity, typography, voice. Built to scale across web, product, and the messy real world.
Product design
App and dashboard work for small teams. Heavy on interaction craft and information design.
Content strategy
Documentation, voice guides, narrative architecture. The writing layer most teams skip.
The full source is for members
Sign in and choose a plan to view and copy BaselumenSpecs.tsx. The live preview above is free to explore.
How to use. Copy BaselumenSpecs.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.
