@swisspost/design-system-tokens NPM

Design System Tokens

Swiss Post Design System splash screen

Tokens for the Swiss Post.

Documentation

Technical docs: Swiss Post Design System
Design docs: Experience Hub

Installation

Install the token package

  npm install @swisspost/design-system-tokens

Process the tokens files as you like or use our preprocessed scss tokens.

@use '@swisspost/design-system-tokens/<bundle-name>.scss';

Contribute

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. Learn how you can contribute to this project in the styles contribution guidelines and also take a look at the general 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.