Initial draft

docs/development/design-system/README.md

@@ -0,0 +1,38 @@
+---
+sidebar_navigation:
+  title: Design system
+  priority: 998
+description: OpenProject Design System
+robots: index, follow
+keywords: Design system, styles, design, components
+---
+# Design System
+
+<div class="alert alert-info" role="alert">
+**Note**: The initial version of the OpenProject design system is developed in Figma. We will move this documentation to the docs in a later stage.
+</div>
+
+## Foundation library
+
+| Style definition (Figma)                                     | Status                         |
+| ------------------------------------------------------------ | ------------------------------ |
+| [Colours](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=0%3A1) | First draft - work in progress |
+| [Shadows](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=228%3A3) | First draft - work in progress |
+| [Typography](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=445%3A155) | First draft - work in progress |
+| [Spacings](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=228%3A2) | First draft - work in progress |
+| [Iconography](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=123%3A1076) | First draft - work in progress |
+| [Illustrations](https://www.figma.com/file/vOw6PEVIyzaQOIgf02VZFW/Foundations-Styles?node-id=220%3A2) | First draft - work in progress |
+
+## Components
+
+| Style definitions (Figma)                                    | Status                         |
+| ------------------------------------------------------------ | ------------------------------ |
+| [Action bar](https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=501%3A3578) | First draft - work in progress |
+| [Badges](https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=384%3A3249) | First draft - work in progress |
+| [Buttons and Toggles](https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=384%3A3399) | First draft - work in progress |
+| [Calendar](https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=832%3A5342) | First draft - work in progress |
+| [Chips](https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=510%3A3564) | First draft - work in progress |
+
+## Contribute
+
+The OpenProject product team is very interested in your feedback. So if you want to contribute or comment on the style definitions in Figma please contact us by email to [info@openproject.com](mailto:info@openproject.com). Alternatively you can create a work package in the [https://community.openproject.org](OpenProject community plattform).