Design System Overhaul
Design systems drift. Components are added at different times by different contributors. Small inconsistencies accumulate — slightly different border radii, spacing that's almost but not quite consistent, colors that are similar but not identical. Each individual inconsistency is minor; the cumulative effect is an interface that feels rough around the edges.
We've completed a comprehensive overhaul of the Swifty design system. Everything has been reviewed, adjusted, and aligned.
What Changed
Color palette: The color system has been rationalized. Each semantic role — primary action, destructive action, success state, warning state, neutral background — now has exactly one color, consistently applied everywhere. The previous system had grown several variations of blue that were used in slightly different contexts without clear reason. Those are now unified.
Typography scale: Font sizes are now defined in a clean scale with clear roles: page titles, section headings, body text, labels, captions. Every text element in the platform uses one of these defined sizes, no exceptions. The result is visual rhythm that makes pages easier to scan.
Spacing: Margins and padding throughout the platform have been aligned to a consistent 4-point grid. Small layout inconsistencies — a panel that was 12px from its neighbor, another that was 14px — are resolved. The correction is invisible at the component level but creates a noticeably tidier overall impression.
Border radius: Corners are now consistent across all interactive elements. Buttons, inputs, cards, modals, and badges all share a unified radius.
Shadows: The elevation system (which elements appear "above" others using shadows) has been simplified to three levels: flat, raised, and floating. Modal overlays use floating; cards use raised; inline elements use flat.
What Didn't Change
Application behavior is unchanged. No features were added or removed. Page layouts are visually updated but structurally identical. The overhaul is purely visual.
Existing configurations — custom color choices in components, theme settings at the workspace level — continue to work. The workspace's custom palette applies on top of the revised system.
Ongoing Maintenance
A design system overhaul is never truly done. The work now is maintaining the system: ensuring new components follow the established patterns, reviewing changes that would introduce inconsistency, and evolving the system deliberately rather than allowing drift to resume.
The updated system documentation is available in the builder's design panel for teams creating custom components.