SDF Process
Four-up phase grid showing numbered steps with rule bars, durations, and descriptions.
Four phases. Five to ten weeks.
Scope
Define what we’re building, what we’re not, and the smallest version that ships.
Design
Brand, layout, system, and interaction. End of phase: clickable prototype.
Build
Engineering with weekly review milestones. Staging environment from day one.
Ship
Launch, monitoring, handoff. Plus a written post-mortem for your team.
The full source is for members
Sign in and choose a plan to view and copy BaselumenProcess.tsx. The live preview above is free to explore.
How to use. Copy BaselumenProcess.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.
