diff --git a/docs/userGuide/diagrams/activity.png b/docs/userGuide/diagrams/activity.png
new file mode 100644
index 0000000000..c7d9e7b86d
Binary files /dev/null and b/docs/userGuide/diagrams/activity.png differ
diff --git a/docs/userGuide/diagrams/archimate.png b/docs/userGuide/diagrams/archimate.png
new file mode 100644
index 0000000000..af274a1515
Binary files /dev/null and b/docs/userGuide/diagrams/archimate.png differ
diff --git a/docs/userGuide/diagrams/class.png b/docs/userGuide/diagrams/class.png
new file mode 100644
index 0000000000..5825518127
Binary files /dev/null and b/docs/userGuide/diagrams/class.png differ
diff --git a/docs/userGuide/diagrams/component.png b/docs/userGuide/diagrams/component.png
new file mode 100644
index 0000000000..73e3037874
Binary files /dev/null and b/docs/userGuide/diagrams/component.png differ
diff --git a/docs/userGuide/diagrams/ditaa.png b/docs/userGuide/diagrams/ditaa.png
new file mode 100644
index 0000000000..a283133604
Binary files /dev/null and b/docs/userGuide/diagrams/ditaa.png differ
diff --git a/docs/userGuide/diagrams/entityrelation.png b/docs/userGuide/diagrams/entityrelation.png
new file mode 100644
index 0000000000..e7c617edfd
Binary files /dev/null and b/docs/userGuide/diagrams/entityrelation.png differ
diff --git a/docs/userGuide/diagrams/gantt.png b/docs/userGuide/diagrams/gantt.png
new file mode 100644
index 0000000000..9e12146552
Binary files /dev/null and b/docs/userGuide/diagrams/gantt.png differ
diff --git a/docs/userGuide/diagrams/object.png b/docs/userGuide/diagrams/object.png
new file mode 100644
index 0000000000..821475f4a6
Binary files /dev/null and b/docs/userGuide/diagrams/object.png differ
diff --git a/docs/userGuide/diagrams/sequence.png b/docs/userGuide/diagrams/sequence.png
new file mode 100644
index 0000000000..15ab913ca9
Binary files /dev/null and b/docs/userGuide/diagrams/sequence.png differ
diff --git a/docs/userGuide/diagrams/state.png b/docs/userGuide/diagrams/state.png
new file mode 100644
index 0000000000..f87db7506c
Binary files /dev/null and b/docs/userGuide/diagrams/state.png differ
diff --git a/docs/userGuide/diagrams/usecase.png b/docs/userGuide/diagrams/usecase.png
new file mode 100644
index 0000000000..9483e6be1b
Binary files /dev/null and b/docs/userGuide/diagrams/usecase.png differ
diff --git a/docs/userGuide/puml.md b/docs/userGuide/puml.md
index 4b2fd47c1b..d46a132c3f 100644
--- a/docs/userGuide/puml.md
+++ b/docs/userGuide/puml.md
@@ -65,7 +65,7 @@ _Markbind page_:
-
+
@@ -78,37 +78,37 @@ The full PlantUML syntax reference can be found at plantuml.com/guide
### Sequence Diagram
-
+
### Use Case Diagram
-
+
### Class Diagram
-
+
### Activity Diagram
-
+
### Component Diagram
-
+
### State Diagram
-
+
### Object Diagram
-
+
### Gantt Diagram
-
+
### Entity Relation Diagram
-
+
### Ditaa Diagram
-
+
### Archimate Diagram
-
+