Malomo Design System
The problem
As Malomo scaled, our custom UI kit became a bottleneck. We were rebuilding common components and fixing inconsistencies that Polaris already solved well.
What we shipped
A Polaris-based design system that reduced rework and improved consistency while preserving Malomo's brand identity.
Impact
- ~25% faster build time on new features
- Tighter visual consistency across the product
- Interfaces that felt familiar and trustworthy to Shopify merchants
Malomo Legacy UI
Malomo Redesigned UI
Audit and map
Audited the existing UI and mapped components to Polaris primitives.
Standardize
Standardized on Polaris for complex patterns like tables, filters, and forms.
Brand integration
Tuned tokens (color, type, spacing) to match Malomo's brand while preserving Shopify‑native behavior.
Documentation
Documented usage and partnered closely with engineering to keep design and code in sync.
Tokens, components, and iconography