SDF Matrix
Feature-comparison table with a dark header row and per-tier values shown as checks, dashes, or numbers.
Compare
Everything, side by side.
Feature
Mark
Identity
System
Primary mark
✓
✓
✓
Color palette
✓
✓
✓
Voice and tone guide
—
✓
✓
Photography direction
—
✓
✓
Social media templates
—
8
20
Brand standards PDF
—
✓
✓
Positioning workshop
—
—
✓
Motion principles
—
—
✓
Component library
—
—
✓
Revisions
1 round
2 rounds
Unlimited
Timeline
1–2 weeks
3–4 weeks
8–12 weeks
The full source is for members
Sign in and choose a plan to view and copy BaselumenMatrix.tsx. The live preview above is free to explore.
How to use. Copy BaselumenMatrix.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.
