Skip to content
Copyright © 2024 by Westpac Banking Corporation. All rights reserved.

GEL Design System

Deliver quality user interfaces that scale – fast!

Simplify your projects with reusable components and patterns

  • Copyright © 2024 by Westpac Banking Corporation. All rights reserved.
    Go to market faster leveraging tools to get you up and running instantly
  • Copyright © 2024 by Westpac Banking Corporation. All rights reserved.
    Design, build and ship consistent brand experiences
  • Copyright © 2024 by Westpac Banking Corporation. All rights reserved.
    Create more accessible solutions that are inclusive of all customers

Accessible by design

Accessibility and inclusive design is a strong part of the GEL Design System.

The system supports teams to deliver to the Group accessibility commitment, to provide meaningful banking experiences to all customers.

Solutions have been thought about in detail and pressure tested against the latest WCAG recommendations, delivering the most accessible components and patterns possible.

The Design Quality team can then guide teams further along the path of accessibility.

React logo

Built on React

The GEL Design System is now using React. You can still access HTML/CSS but with React at its core we can showcase so much more and deliver even higher-quality, more accessible code.

Who else is using React?

  • Australian Government logo
  • Microsoft logo
  • MYOB logo
  • IBM logo
  • Atlassian logo
  • Facebook logo
  • Twitter logo
  • Shopify logo

Subscribe to GEL updates

Get the latest brand and component updates as well as access to new resources and helpful tips.

Downloads & links

Design on-brand with greater efficiency and accuracy using the Sketch UI Kit.

Visit GitHub to follow Westpac GEL Design System code updates and log issues.