Just so you know, we use cookies 🍪 Read about it here.

An expanded view of the design system. Specifically, we see some colours, monthly/annually payment switch, typographic treatment for text and vehicle plates, character illustration, the 'latest trip' component, input fields, error fields, password fields, buttons, payment schedule, page pagination, and multiple mid-term adjustment.

Hastings Direct - Expanded Design System - Glue

Image showing a Glue employee looking at her computer screen. The screen shows a Figma file with a design system

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.

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.

Hastings Direct design system decision tree

Hastings Direct design system decision tree. In particular, it details how a Product Designer checks to see if an existing component within the system can achieve the intended need. If it can't the decision details how a Product Designer goes about finding or creating a component that will.

Hastings Direct - Design System Decision Tree - Glue

For more information about our Design System framework please complete the form below

Some examples of successful Design Systems:

Hastings Direct

BUILT/

Joblogic

TrustMark

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 🎨

Design System Adaptation 🔧

Design System Creation 🏗️️