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.
responsive
Ensuring that we can create a single solution and scale it to all devices and operating systems.
accessibility
Ensuring that our solutions consider the needs of all our digital customers.
colours
Accessible palettes that achieve consistency.
typography
Fonts to communicate our brand personality.
icons
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.
library
Fonts to communicate our brand personality.
utilities
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).
Prime Icons Primeflex PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.
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.
UX Glossary