diff --git a/doc/design/assets/Colours.png b/doc/design/assets/Colours.png
new file mode 100644
index 0000000..f70c643
Binary files /dev/null and b/doc/design/assets/Colours.png differ
diff --git a/doc/design/assets/Components.png b/doc/design/assets/Components.png
new file mode 100644
index 0000000..6b6be88
Binary files /dev/null and b/doc/design/assets/Components.png differ
diff --git a/doc/design/assets/Distances.png b/doc/design/assets/Distances.png
new file mode 100644
index 0000000..541559a
Binary files /dev/null and b/doc/design/assets/Distances.png differ
diff --git a/doc/design/assets/Typography.png b/doc/design/assets/Typography.png
new file mode 100644
index 0000000..0097834
Binary files /dev/null and b/doc/design/assets/Typography.png differ
diff --git a/doc/design/pages/Angebot Erstellen.png b/doc/design/pages/Angebot Erstellen.png
new file mode 100644
index 0000000..a7389eb
Binary files /dev/null and b/doc/design/pages/Angebot Erstellen.png differ
diff --git a/doc/design/pages/Kunden - Übersicht.png b/doc/design/pages/Kunden - Übersicht.png
new file mode 100644
index 0000000..a9c1d10
Binary files /dev/null and b/doc/design/pages/Kunden - Übersicht.png differ
diff --git a/images/ChevronDown.svg b/images/ChevronDown.svg
new file mode 100644
index 0000000..525053a
--- /dev/null
+++ b/images/ChevronDown.svg
@@ -0,0 +1,3 @@
+<svg fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-slot="icon" data-darkreader-inline-stroke="">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
+</svg>
\ No newline at end of file