Mark
A single primary mark with variations, color palette, and typography pairing. Delivered as vectors with the file types you actually need.
Get startedThree pricing tiers with amount, a deliverables footer, and a featured tier — the real Webflow Pricing component.
Pick a tier. Lock the scope. Ship without surprises. Every option below comes with a fixed price, a defined deliverable list, and a clean handoff.
A single primary mark with variations, color palette, and typography pairing. Delivered as vectors with the file types you actually need.
Get startedLogo system + brand standards: color, type, imagery direction, social kit, and a usage guide your team can hand to anyone. Ready for launch.
Get startedDiscovery, positioning, voice, identity, motion principles, and a brand book that reads like a product spec. For brands building something durable.
Get startedThe full source is for members
Sign in and choose a plan to view and copy PricingComponent.tsx. The live preview above is free to explore.
How to use. Copy PricingComponent.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.