Scania Design System

Tegel is Scania’s digital design system, established to ensure a consistent and premium user experience across all digital touchpoints. It offers a comprehensive set of reusable components, design tools, and detailed guidelines for designers and developers. Tegel’s resources include design tokens for color, typography, spacing, and logotypes, as well as web components built with StencilJS. Integration support is available for frameworks like React and Angular. Adherence to Tegel is mandatory for all digital applications at Scania to maintain brand coherence.