Angular UI library
The skilled engineers in our Elements Development Team are committed to making it easy for you to follow Nedbank’s UI and brand guidelines. We’re building an Angular library to on enhance the developer experience and provide the tools you need to create seamless UI flows that integrate smoothly with your business logic and functional requirements.
NOTE: Some of the below resources are only accessible on Nedbank's secure network.
Usage documents
To use this library you must be using the specified version of Angular framework. Ensure your compatibility by following the instructions in the Usage documents.
Utility styles
Global styles for foundations like colour, spacing, typography, icons and more are included here. Using and applying these principles will ensure uniformity across the design and development process.
Fonts
Our applications must exclusively use the Libre Franklin font.
Design tokens
The design library tokens are maintained in Figma. To ensure consistency, these are maintained in collaboration with designers and made available to the rest of the engineering community. .
Need help? Get in touch.
For help or if you want to collaborate with the Design System Team, please reach out to them via the following channels:
Email: elements@nedbank.co.za
Teams: Design system — Queries