Design system
Trade Theme UI kit
Every primitive ships with dark-mode defaults, focus rings, and hover states aligned to WCAG-friendly contrast targets.
DefaultRoseSuccessMutedOutline
Buttons
Forms
Lead capture
Inputs inherit shared focus rings and border tokens.
Heads up
Pair alerts with toast libraries or inline validation summaries.
Submitted
Swap copy with CRM confirmation IDs or SLA timers.
Weather advisory
Ideal for dispatch notices or municipal delays.
Payment failed
Connect to Stripe webhooks or accounting alerts.
Tabs
Residential estimator copy, financing badges, or utility rebate notes.
Section heading variants
Left aligned
Editorial layouts
Use for inner pages where copy aligns to a single column grid.