- Home
- Frameworks
- Product Design
- Design Systems
Design Systems π¨
Build a set of standards to manage common design elements at scale. Incorporating brand governance, platform architecture, and scalability across multiple digital products and implementation teams.
Design Systems systemise design architecture, best practices, and implementation. Consolidating efficiency, consistency, and utilisation, while empowering a more concise and controlled landscape of digital products.
![Visualisation of some key design components and guidelines designed by Glue for the Viator mobile app](https://cdn.sanity.io/images/2yundn6y/production/4e218cedd627d519454db85b2a7d519f990e12c7-3840x2688.png?auto=format&fit=crop&dpr=1&q=80&w=3840&h=2688&width=3840&height=2688)
Design System Adaptation π§
Adaptation focuses on enhancing and streamlining your existing design assets and systems. Building a cohesive and efficient design environment that enhances brand identity and user experiences.
![Design system components come together to create the app quote screen](https://cdn.sanity.io/images/2yundn6y/production/80b0c707aafc377bcf56f4f3be8d978be17f4058-3840x2684.png?auto=format&fit=crop&dpr=1&q=80&w=3840&h=2684&width=3840&height=2684)
Design System Creation ποΈοΈ
Our Design System Creation framework sets the stage for a transformative design process. Providing a clear, scalable path for your organisation to standardise and scale digital design assets.
Adopting a design system provides an efficient way of maintaining quality and consistency across digital touchpoints while streamlining production practices with shared, modular design components.
For more information about our Design System framework please complete the form below
![Hastings Direct design system decision tree](https://cdn.sanity.io/images/2yundn6y/production/8217c7eec09be61171cd10d320b18add57e6d5f6-3840x2684.png?auto=format&fit=crop&dpr=1&q=80&w=3840&h=2684&width=3840&height=2684)
![](https://cdn.sanity.io/images/2yundn6y/production/14999e2a1b4a36706189bf884560fba5e882fa5e-880x617.jpg?auto=format&fit=crop&dpr=1&q=80&w=880&h=617&width=880&height=617)
Some examples of successful Design Systems:
- 1-month to deliver
- Built for optimisation
- 1-month to deliver
- Built for optimisation
- 1-month to deliver
- Built for optimisation
- 1-month to deliver
- Built for optimisation
![A compact view of the design system](https://cdn.sanity.io/images/2yundn6y/production/03d76f5fd7ffde120717327120a1074978fa2169-1760x1234.png?auto=format&fit=crop&dpr=1&q=80&w=1760&h=1234&width=1760&height=1234)
Hastings Direct
Delivering a scalable digital design system
- Design system for 20+ touchpoints
- 38 scalable icons with responsive variables
- 40% reduction in design time for new features
- Design system for 20+ touchpoints
- 38 scalable icons with responsive variables
- 40% reduction in design time for new features
- Design system for 20+ touchpoints
- 38 scalable icons with responsive variables
- 40% reduction in design time for new features
- Design system for 20+ touchpoints
- 38 scalable icons with responsive variables
- 40% reduction in design time for new features
![An image showing different components from the Built design system. It shows logos, colour styles and iconography.](https://cdn.sanity.io/images/2yundn6y/production/c1a9832ce106fbf71c3d254ba6da6e6bc7733226-3840x2706.png?auto=format&fit=crop&dpr=1&q=80&w=3840&h=2706&width=3840&height=2706)
BUILT/
Design consistency across every channel
- 52 core components across the design system
- Delivered across two sprints
- 52 core components across the design system
- Delivered across two sprints
- 52 core components across the design system
- Delivered across two sprints
- 52 core components across the design system
- Delivered across two sprints
![](https://cdn.sanity.io/images/2yundn6y/production/14999e2a1b4a36706189bf884560fba5e882fa5e-880x617.jpg?auto=format&fit=crop&dpr=1&q=80&w=880&h=617&width=880&height=617)
Joblogic
Brochureware website design system
- Scalable design system fit for multi-site use
- Delivered in one sprint
- Scalable design system fit for multi-site use
- Delivered in one sprint
- Scalable design system fit for multi-site use
- Delivered in one sprint
- Scalable design system fit for multi-site use
- Delivered in one sprint
![](https://cdn.sanity.io/images/2yundn6y/production/34ccf9f1da17aa499e916d00d1cb6a80228e3920-2880x2015.jpg?auto=format&fit=crop&dpr=1&q=80&w=2880&h=2015&width=2880&height=2015)
TrustMark
Multi-site design system
Other frameworks you may also likeβ¦