The evolution of the TELUS brand continues! The brand new Universal Design System is now available and all teams are encouraged to transition their applications to UDS components in order to better reflect the latest vision of the TELUS brand.
TDS Core and TDS Community will continue with limited support and restrict new feature requests.
While diving into this documentation, you’ll notice some new updates:
- We’ll provide direct links to corresponding UDS components from either tds-core / tds-community
- We’ll provide notice about deprecated components (that may not be implemented on UDS in the near future)
Contact us for more information on how to get support. And join our TELUS Slack channel for updates.
Iconography
Overview
Iconography uses images and symbols to represent an object visually. They communicate a message and should be distinct and informative. Icons for technology products are not especially intuitive to a broad segment of our customer base. As a result, they should be used sparingly and accompanied with short descriptive text.
Usage
All icons should be on a transparent background and with the artboard boundaries at the edges of the icon. At least one of the edges should be at the standard measurement of 16px, 20px, 24px, 32px or 48px.
Dos
- Ensure the appropriate icons are accompanied by supportive text; exceptions are listed in icon usage guidelines
Don’ts
- Assume people understand what an icon should convey.
See the Icon components for implementation details.
Governance
The set of icons has been approved by the TELUS Brand team. Should you need a new icon to be added to the system, please suggest a feature request through TDS-Core Github issues. We aim to respond within 3 business days. All icons accepted into the system must provide ‘sufficient additional value’.
Roadmap
- Integrate a small set of SVG icons into the component library
- Deprecate and retire the icon font in favor of SVG-based icons
- Provide more guidance on use of colour with iconography