Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/swisspost/design-system

The Swiss Post Design System - for a consistent and accessible user experience across the web platform.
https://github.com/swisspost/design-system

design-system pattern-library web-components

Last synced: about 5 hours ago
JSON representation

The Swiss Post Design System - for a consistent and accessible user experience across the web platform.

Host: GitHub
URL: https://github.com/swisspost/design-system
Owner: swisspost
License: apache-2.0
Created: 2022-02-23T07:25:11.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-11-10T18:14:42.000Z (5 days ago)
Last Synced: 2024-11-10T19:24:57.653Z (5 days ago)
Topics: design-system, pattern-library, web-components
Language: SCSS
Homepage: https://design-system.post.ch
Size: 25 MB
Stars: 122
Watchers: 6
Forks: 14
Open Issues: 243
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md

Awesome Lists containing this project

awesome-stencil - Swiss Post Design System - The Swiss Post Design System pattern library for a unified and accessible user experience across the web platform. (Design Systems / Community)

README

        # Swiss Post Design System

![The Swiss Post Design System pattern library for a unified and accessible user experience across the web platform](https://github.com/swisspost/design-system/assets/1659006/e58acc52-3e6a-47b3-84b5-0726250ec225)

## Documentation

[Documentation](https://design-system.post.ch) - Technical implementation guidelines

[Figma design files](https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=3209%3A72270&mode=design&t=jhmGcSqeWq2SgQXT-1) - Figma component library

[Experience Hub](https://www.experience-hub.ch/document/2803) - Pattern usage documentation ([request access](https://www.experience-hub.ch/request-access/))

## Packages

| Name                                                                                                    | Description                                                                                                                                             | Version                                                                                                                                                                                                                                                  | Changelog URL                                                                 |

| :------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:------------------------------------------------------------------------------|

| [Styles](https://design-system.post.ch/?path=/docs/e53e2de8-0bbf-4f70-babc-074c5466f700--docs)          | The styling package, including theming for [Bootstrap](https://getbootstrap.com/) and [ng-bootstrap](https://ng-bootstrap.github.io/#/home) components. | [![Styles pacakge version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-styles?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-styles)                            | [Styles changelog](/packages/styles/CHANGELOG.md)                             |

| [Components](https://design-system.post.ch/?path=/docs/edfb619b-fda1-4570-bf25-20830303d483--docs)      | A set of standard web components for easy integration with every framework or no framework at all.                                                      | [![Components package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-components?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-components)                | [Components changelog](/packages/components/CHANGELOG.md)                     |

| [Internet Header](https://design-system.post.ch/?path=/docs/9b02bcb2-3b6a-4271-b550-675a62ff3890--docs) | The header for client facing applications.                                                                                                              | [![Internet Header package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Finternet-header?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/internet-header)                             | [Internet Header changelog](/packages/internet-header/CHANGELOG.md)           |

| [Intranet Header](https://design-system.post.ch/?path=/docs/d59a459b-6f14-47c6-9f98-a36a3f79a6e3--docs) | The Angular component for internal usage.                                                                                                               | [![Intranet Header package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-intranet-header?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-intranet-header) | [Intranet Header changelog](/packages/intranet-header-workspace/CHANGELOG.md) |

| [Icons](https://design-system.post.ch/?path=/docs/40ed323b-9c1a-42ab-91ed-15f97f214608--docs)           | A collection of Post icons in svg format.                                                                                                               | [![Icons package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-icons?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-icons)                               | [Icons changelog](/packages/icons/CHANGELOG.md)                               |

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

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](/CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.