docs: adding further inspirational content (#1625)

* docs: adding further inspirational links * Update README.md * Update README.md * chore: added new URLs * Update design-systems.js --------- Co-authored-by: Nicolas Merget <[email protected]>
db-ui · Mar 20, 2024 · c1eb627 · c1eb627
1 parent 982d1f0
commit c1eb627
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/docs/research/README.md b/docs/research/README.md
@@ -15,3 +15,10 @@ You can find more design systems here:
 
 -   <https://component.gallery/>
 -   <https://github.com/alexpate/awesome-design-systems>
+
+Further inspirational links:
+
+- <https://handreichungen.bfit-bund.de/barrierefreie-uie/>
+- <https://open-ui.org/>
+
+5. Additionally it might be beneficial to even also already save your HTML explorations within the related components file, like e.g. for `buttons`: `packages/components/src/components/button/index.html`
diff --git a/docs/scripts/component-research/design-systems.js b/docs/scripts/component-research/design-systems.js
@@ -13,6 +13,17 @@ export const designSystems = [
 		url: 'https://inclusive-components.design/',
 		componentUrl: 'https://inclusive-components.design/#components'
 	},
+	{
+		name: 'Barrierefreie Gestaltung von User Interface-Elementen',
+		url: 'https://handreichungen.bfit-bund.de/barrierefreie-uie/',
+		componentUrl:
+			'https://handreichungen.bfit-bund.de/barrierefreie-uie/0.4/zusammengesetzte_bedienelemente.html'
+	},
+	{
+		name: 'Open UI',
+		url: 'https://open-ui.org/',
+		componentUrl: 'https://open-ui.org/'
+	},
 	{
 		name: 'Telekom Scale',
 		url: 'https://github.com/telekom/scale',
@@ -92,6 +103,17 @@ export const designSystems = [
 		componentUrl:
 			'https://brandfactory.telefonica.com/d/iSp7b1DkYygv/n-a#/components/overview'
 	},
+	{
+		name: 'Audi Design System',
+		url: 'https://www.audi.com/ci/en/guides/user-interface.html',
+		componentUrl:
+			'https://www.audi.com/ci/en/guides/user-interface/components.html'
+	},
+	{
+		name: 'DHL Design System',
+		url: 'https://www.dpdhl-brands.com/en/dhl/buttons',
+		componentUrl: 'https://www.dpdhl-brands.com/en/dhl/buttons'
+	},
 	{
 		name: 'Bootstrap',
 		url: 'https://github.com/twbs/bootstrap',