Skip to main content

Software Developer

As a software developer, it's important to have a clear understanding of the design system and how to implement it in your code. Working closely with the designers and the design system allows you to know about the patterns available and make informed decisions in the development process.

UI Design

Hi-fidelity UI mockups should be provided by UX designer. A solid understaing of the design foundation at AEMO allows you to make well-informed decisions at every stage of the development process.


Ensuring that we can create a single solution and scale it to all devices and operating systems.


Ensuring that our solutions consider the needs of all our digital customers.


Accessible palettes that achieve consistency.


Fonts to communicate our brand personality.


Designed to communicate meaning and aid navigation.

UI Development

AEMO project comes with inbuilt design tokens that enables you to create the UI faster. The following will enable you to scan through the tokens that are available. In addition, you can also understand the functionality of each component under different circumstances.

design tokens

Visual values that construct and scale design across multiple platforms and devices.


UI components library that can be easily reused across the user interface of a product


Style classes for commonly used CSS properties.

Tech docs

Common-web-Vue3 includes user interface styling, components and assets that help ensure consistency for application development and alignment with UX/UI standards (GEL).

Vue 3 - Quick Start

Prime Icons

Testing and Maintenance

Testing the code in respect to the assets that are provided by the GEL design system ensures that all the UI screens have a uniform layout no matter the project. This also ensures that the design are accessible at all times and the code produces top performance when consumend by the user.

See also