feat: added version 3 microsite

.gitignore

@@ -0,0 +1 @@
+.idea

README.md

@@ -1,6 +1,11 @@
 # db-ui.github.io
+
 Hosting our central public overview page
 
+## Local development
+
+`npx browser-sync start --server --files "styles/*.css,*.html"`
+
 ## Deutsche Bahn brand
 
 As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with this product.

assets/fonts/LICENSE

@@ -0,0 +1,4 @@
+Quick summary and translation from the license agreement provided at Deutsche Bahn Marketingportal (https://marketingportal.extranet.deutschebahn.com/marketingportal/Lizenzvereinbarung-ueber-die-Nutzung-der-DB-Type-Schriftenfamilie-9693166):
+_You're only allowed to use the font in the context of your work at Deutsche Bahn or to fulfill orders and/or services, that are bound to contracts with Deutsche Bahn. Any other usage especially for private purposes or unintended third parties is strictly prohibited._
+
+Please keep in mind that the "Lizenzvereinbarung über die Nutzung der DB Type Schriftenfamilie" (https://marketingportal.extranet.deutschebahn.com/marketingportal/Lizenzvereinbarung-ueber-die-Nutzung-der-DB-Type-Schriftenfamilie-9693166, german, you need a registration/login) are actually legally binding and this simple and translated excerpt is only giving you a quick hint regarding the whole license agreement; please consult that document for any further license questions and regulations.

assets/icons/README.md

@@ -0,0 +1,23 @@
+# Icons
+
+This icon package contains all functional and illustrative icons that are provided in the DB UX Design System. The icons can also be found individually in the icon libraries of the marketing portal:
+- [Functional Icons](https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Icons/Icon-Bibliotheken/Bibliothek-Funktionale-Icons)
+- [Illustrative Icons](https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Icons/Icon-Bibliotheken/Bibliothek-Illustrative-Icons)
+
+## Dev related: How to provide these icons
+### Modifications for SVGs
+
+We process the following changes:
+
+-   Minifications with [`ImageOptim`](https://imageoptim.com/mac)
+-   Adding some contents within the SVGs (these assets might get exported correctly in the future)
+    -   CSS variables, add `style`-attribute next to the existing `fill`-attribute:
+        -   `fill="#282D37" style="var(--db-icon-color, currentColor)"`
+        -   `fill="#55b9e6" style="var(--db-icon-color, #55b9e6)"`
+        -   `fill="#EC0016" style="var(--db-icon-pulse-color, #EC0016)"`
+        -   `fill="#78be14" style="var(--db-icon-pulse-color, #78be14)"`
+    -   `id`-Attribute (generic `icon` id within all SVG files)
+
+### Icon font generation
+
+We've documented those necessary steps within our [docs folder](../../packages/foundations/docs/Icons.md).