Welcome to SDX!

SDX stands for Swisscom Digital Experience. It defines a digital user experience that clearly stands out in the industry and reflects the quality and character of Swisscom.

SDX is a comprehensive design system that brings together core design principles, a robust component library, and clearly documented standards and guidelines. Together, these ensure consistency, efficiency, and high quality across all digital touchpoints.

SDX Core - the essential building blocks

Foundation

The basic brand characteristics as a base for all components.

Base Assets

Core brand resources such as logos, favicons, and country flags.

Backgrounds

Preset surfaces and patterns that define layout depth and structure.

Colour

Defined colour palettes for consistent brand representation and a distinctive Swisscom look.

Elevation & Shadows

Definitions for depth, layering, and shadow tokens to create visual hierarchy and focus.

Grids

Grid definitions and spacing rules supporting responsive and aligned layouts.

Icons

Central icon library with usage standards for universal visual language.

Illustrations

On brand illustration styles and assets reinforcing brand tone and storytelling.

Imagery

Guidelines and collections for photos and visual moods.

Motion & Transitions

Motion principles and transition styles enhancing interactivity and user flow.

Spacing

Defined spacing tokens and scale system to ensure consistent rhythm and layout density.

Themes

Configuration guidelines for light and dark modes across different environments.

Typography

Our typography system ensures readability, consistency, and a strong visual voice across all digital products.

 

Components​

Reusable components in design and code.

Components

Reusable UI components that form the building blocks of SDX-based interfaces.

Figma Library

Design-ready SDX components for fast, consistent work in Figma.

SDX Git Repo

The source of truth for SDX components in code, maintained and versioned for reliable implementation.

 

SDX Guidelines

Standards and guidelines for consistent application

UX/UI Principles

Foundational principles that guide decisions and shape intuitive, user-centered experiences.

 

Community Assets

Community Assets are shared component libraries created and maintained by product or platform teams.

SDX | Swisscom Digital Experience

SDX is a set of foundation, components, and guidelines for designing and building UI at Swisscom

News and Updates
Contact us

© 2026 SDX - Swisscom Digital Experience.