Skip to content

swisspost/design-system

Swiss Post Design System

Swiss Post Design System splash screen

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

Name Description Version Changelog URL
Styles The styling package, including theming for Bootstrap and ng-bootstrap components. Styles pacakge version shield for npm Styles changelog
Components A set of standard web components for easy integration with every framework or no framework at all. Components package version shield for npm Components changelog
Internet Header The header for client facing applications. Internet Header package version shield for npm Interet Header changelog
Intranet Header The Angular component for internal usage. Intranet Header package version shield for npm Intranet Header changelog
Icons A collection of Post icons in svg format. Icons package version shield for npm Icons 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.