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.

Usage Documentation

To use this library you must be using the specified version of Angular framework. Ensure your compatibility by following the instructions in the Usage documentation.

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 should exclusively use the Libre Franklin font.

Design Tokens

The design libraries 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.

Should you require any assistance or wish to collaborate with the Design System team, please reach out via e-mail or our teams channel.

Email: elements@nedbank.co.za
Teams: Design system - Queries