DELTA.
Momentum is the message. A UI kit for startups and SaaS, from waitlist to enterprise deal.
01 · Tokens first
Override ~8 semantic tokens to rebrand. Marketing and app read the same variables.
02 · Pick a stage
Pre-launch, Launch or Scale set motion, radius, density, proof and CTA strategy.
03 · Compose, don't invent
Demo pages use kit components only. If you need a one-off, it belongs in the kit.
FOUNDATIONS
K02 · hero tile
Color, Tokens & Stage Presets
Primitives → semantic → component. Two themes, three stages, one magenta reserved for the next step.
Open ↗
canvas
ink
signal
bright
snap / glide
BUILDING BLOCKS
K07
Elements
Start free
Δ +38%
v2.14
K08
Components
⌘K Search requests…
esc
K09
Patterns
signup → onboarding → activation → invite → upgrade
K10
Data Visualization
K11
Conversion System
One primary action per viewport. No dead ends. No dark patterns.
K12
Content & Compliance
seamless revolutionary 10x
K13
Lifecycle Emails & Share Assets
“You asked, we shipped.”
DEMO · ROADNOTE (FICTIONAL)
D01
HomeBuild what users actually want.
Launch
D02
WaitlistRoadnote Studio. Coming this fall.
Pre-launch
D03
Product TourFrom feedback to feature in one place.
Launch
D04
PricingStart free. Upgrade when it clicks.
Launch
D05
Customer StoryFernweh Travel: 6 hours → 40 minutes.
Launch
D06
Changelog & RoadmapWhat’s new.
Launch
D07
ComparisonRoadnote vs. [Competitor].
Launch
D08
IntegrationsMarketplace + detail template.
Launch
D09
Signup & OnboardingSSO, magic link, passkeys, 3-step setup.
App
D10
AppInbox, insights, roadmap, billing, team.
After Hours · Compact
D11
About & CareersSmall team. Big backlog.
Launch
D12
EnterpriseRoadnote for teams of 1,000+.
Scale
U
Utility templates404, status, help article, login, legal…
Utility
All Roadnote customers, figures, ratings, backers and certifications are fictional and illustrative.