- Tools and Artefacts
- Coming soon!
- Getting Started
- Designers
- Developers
- About
- Explore Getting Started
- Designers
- Developers
- About
- Foundations
- Motion Guidelines
- Icon Guidelines
- Explore Foundations
- Motion Guidelines
- Icon Guidelines
- Components
- Explore Components
Your Digital Design Developer journey, powered by Elements DS
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.
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