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.

Layout

Overview

Well designed page layouts are created through the consistent application of alignment and white space. The TELUS Design System uses a 12 column grid and a spacing system to assist you in creating a visual rhythm across experiences.

Usage

See the following components for implementation details:

Governance

The layout system is managed by the Design Strategy team and we are open to improvements and contributions. If you have any ideas, suggestions or questions regarding implementation please get in touch with us.

Roadmap

  • More documentation on the overall layout system
  • Deprecate and retire the float-based grid in favor of the Flexbox-based implementation

results matching ""

    No results matching ""