A production component library·Now in private beta
stable Commerce

SDF Tiers

Centered header above a three-up pricing grid with a dark featured plan and a most-chosen badge.

Sign in to copy
Pricing

Three tiers. Fixed scope per engagement.

No retainers. No surprise quotes. Every tier locks scope and price at kickoff. You pay once per phase.

For early stage

Mark

$1,500/ project

A primary mark, three lockup variations, color palette, and a typography pairing. Delivered as production-ready assets.

  • Primary mark plus 3 lockups
  • Color palette (hex, RGB, CMYK)
  • Typography system (1–2 faces)
  • One round of revisions
  • Asset handoff (SVG, PNG, PDF)
Start Mark
For mature teams

System

$12,000starting

Discovery, positioning, voice, identity, motion principles, and a brand book that reads like a product spec.

  • Everything in Identity
  • Positioning and naming workshop
  • Motion principles and reference
  • Full brand book (40–60 pages)
  • Component library (Figma + code)
  • Unlimited rounds within scope
Start System
BaselumenTiers.tsx 87 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy BaselumenTiers.tsx. The live preview above is free to explore.

Sign in

How to use. Copy BaselumenTiers.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.

All React components
A Stacklumen Product