Introduction
TomTom Design System
TomTom Design System is TomTom’s white-label design system built for navigation products.
It helps internal teams create consistent, efficient, and visually aligned experiences across all TomTom products. At the same time, it enables OEM partners to apply their own branding while preserving a unified approach to functionality and theming.
By providing a shared set of guidelines and components, TomTom Design System supports seamless collaboration between TomTom teams and external partners, ensuring scalable, high-quality outcomes.
Foundations
Foundations form the base of the design language and are essential for building a cohesive user interface.
Design tokens
Design tokens represent small, repeatable design elements such as colors and typography.
Colors
A color system that provides a hierarchy of information and ensures contrast standards.
Typography
A type system with flexible font styles to ensure legibility standards. (Documentation available soon.)
Radius
All shaped components use values from the predefined set of radiuses.
Recommended resources & guides
Read about our design guideline and adaptiveness framework to get familiar with our approach.
Design for driving guidelines
