GEL Codebase
Designed to unify. Built to scale.
GEL provides enterprise standards and tools that unify design and engineering so teams deliver consistent, accessible, on‑brand experiences - faster and smarter.
Responsive
Accessible
Multi-brand
GEL building blocks
Brand foundations & tokens
Shared styling that aligns customer and banker journeys
A single, token‑driven brand foundation that keeps experiences consistent across platforms.
This enables faster, safer brand and accessibility updates - reducing duplication and cost of change in design and code.
Every team can adopt GEL foundations to stay on‑brand and aligned.
Components & patterns
Reusable design for all teams - faster builds for React 18+
Accessible, approved components and patterns that improve consistency and design efficiency across products and platforms.
For React 18+ teams, coded components keep design and code aligned for additional build speed and consistency.
Use the component and pattern designs anywhere.
Downloads & links
Design on-brand with greater efficiency and accuracy using the Figma UI Kit.
Visit GitHub to follow Westpac GEL Design System code updates and log issues.