Swiss Post Design System

December 17, 2025 · View on GitHub

The Swiss Post Design System pattern library for a unified and accessible user experience across the web platform

Documentation

Documentation - Technical implementation guidelines

Figma design files - Figma component library

Experience Hub - Pattern usage documentation (request access)

Packages

NameDescriptionVersionChangelog URL
StylesThe styling package, including theming for Bootstrap and ng-bootstrap components.Styles pacakge version shield for npmStyles changelog
ComponentsA set of standard web components for easy integration with every framework or no framework at all.Components package version shield for npmComponents changelog
Internet HeaderThe header for client facing applications.Internet Header package version shield for npmInternet Header changelog
IconsA collection of Post icons in svg format.Icons package version shield for npmIcons changelog

Contribute

Contributor Covenant

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Read more about setting up the development environment and the different ways to get involved in our Contribution Guidelines.

For any questions regarding the pattern library, you can reach out on the discussions page.

In order to keep our community open and inclusive, we expect you to read and follow our Code of Conduct.

License

Software contained in this repository is published by the Swiss Post Ltd. under the Apache 2.0 License.

© 2024 Swiss Post, Ltd.