diff --git a/src/.vuepress/public/img/flow_1.png b/src/.vuepress/public/img/flow_1.png
new file mode 100644
index 000000000..2cacc2675
Binary files /dev/null and b/src/.vuepress/public/img/flow_1.png differ
diff --git a/src/.vuepress/public/img/flow_2.png b/src/.vuepress/public/img/flow_2.png
new file mode 100644
index 000000000..2f0741074
Binary files /dev/null and b/src/.vuepress/public/img/flow_2.png differ
diff --git a/src/user-guide/README.md b/src/user-guide/README.md
index 2e8f021b7..41241932b 100644
--- a/src/user-guide/README.md
+++ b/src/user-guide/README.md
@@ -68,6 +68,7 @@ index: false
 - [ABAP Language Version](reference/abap-language-version.md)
 - [Note Analyzer](reference/note-analyzer.md)
 - [APACK](reference/apack.md)
+- [abapGit Flow](reference/flow.md)
 - [Database Utility](reference/database-util.md)
 
 ### Other
diff --git a/src/user-guide/reference/README.md b/src/user-guide/reference/README.md
index 592f50948..cfd0437ff 100644
--- a/src/user-guide/reference/README.md
+++ b/src/user-guide/reference/README.md
@@ -21,4 +21,5 @@ dir:
 - [ABAP Language Version](abap-language-version.md)
 - [Note Analyzer](note-analyzer.md)
 - [APACK](apack.md)
+- [abapGit Flow](flow.md)
 - [Database Utility](database-util.md)
diff --git a/src/user-guide/reference/flow.md b/src/user-guide/reference/flow.md
index 597b4d544..7273954c4 100644
--- a/src/user-guide/reference/flow.md
+++ b/src/user-guide/reference/flow.md
@@ -1,5 +1,5 @@
 ---
-title: abapGit flow
+title: abapGit Flow
 category: reference
 order: 90
 ---
@@ -14,7 +14,11 @@ Filtered git operations is not a real git thing, it's something else than git. I
 
 The flow page gives an overview of all features that a developer is working on across their favorite repositories.
 
+![](/img/flow_2.png)
+
 ## Enabling
 
 To enable a repository to work with flow, go to the local repository settings and tick "Flow Page".
 Furthermore, developers must set their favorite repositories, so abapGit knows which parts each developer is working on.
+
+![](/img/flow_1.png)