<a href="https://design.baloise.dev" target="blank">
    <img src="https://raw.githubusercontent.com/baloise/design-system/main/resources/images/banner.svg?sanitize=true" alt="Baloise Design System" />
</a>

<br />
<br />

<p align="center">
  The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
</p>

<p align="center">
  <a href="https://github.com/baloise/design-system/actions/workflows/continuous.yml">
    <img src="https://github.com/baloise/design-system/actions/workflows/continuous.yml/badge.svg?branch=main" alt="Continuous" />
  </a>
  <a href="https://www.npmjs.com/package/@baloise/ds-core">
    <img src="https://img.shields.io/npm/v/@baloise/ds-core" alt="NPM" />
  </a>
  <a href="https://www.npmjs.com/package/@baloise/ds-core">
    <img src="https://img.shields.io/bundlephobia/min/@baloise/ds-core" alt="Bundle Size" />
  </a>
  <a href="https://webnamespaces.org">
    <img src="https://img.shields.io/static/v1?label=webnamespaces.org&color=blue&message=bal" alt="Registred on webnamespaces.org" />
  </a>
</p>

<h3 align="center">
  <a href="https://design.baloise.dev/?path=/docs/development-getting-started--documentation">Quickstart</a>
  <span> · </span>
  <a href="https://design.baloise.dev">
    Documentation
  </a>
  <span> · </span>
  <a href="https://design.baloise.dev/?path=/docs/contributing-overview--documentation">Contribute</a>
  <span> · </span>
  <a href="https://github.com/baloise/design-system/blob/main/CHANGELOG.md">Changelog</a>
</h3>
