GEL Design System
Deliver quality user interfaces that scale – fast!
Simplify your projects with reusable components and patterns
- Go to market faster leveraging tools to get you up and running instantly
- Design, build and ship consistent brand experiences
- 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.
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?
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.