SDX provides a responsive, two-dimensional grid system that structures layouts using columns and rows. It adapts to different screen sizes and orientations, ensuring consistent and balanced layouts across devices.
Different combinations of column widths and arrangements can be used to support the intention of the design. Uniform column widths create calm, functional layouts. Variation between column widths can create visually dynamic and exciting layouts.
Resize your browser to see how the grid responds to different screen sizes.
SDX is a set of foundation, components, and guidelines for designing and building UI at Swisscom
© 2026 SDX - Swisscom Digital Experience.