diff --git a/public/docs-static/img/how-to-guides/networks-access-management/diagram.mmd b/public/docs-static/img/how-to-guides/networks-access-management/diagram.mmd
new file mode 100644
index 00000000..8c95ce5c
--- /dev/null
+++ b/public/docs-static/img/how-to-guides/networks-access-management/diagram.mmd
@@ -0,0 +1,72 @@
+---
+# Usage:
+# mmdc -i diagram.mmd -o diagram.png -b transparent -t dark
+# watchexec -w diagram.mmd --debounce=300ms --fs-events=create,modify --shell=bash -- 'mmdc -i diagram.mmd -o diagram.png -b transparent -t dark'
+#
+# to analyze the resulting SVG and styles:
+# mmdc -i diagram.mmd -o diagram.svg -b transparent -t dark
+#
+# Note that only PNG will contain icons etc.
+title: Network Resource Access Policies
+
+config:
+ theme: base
+ layout: dagre
+ themeCSS: |-
+ .nodeLabel {
+ text-align: center;
+ }
+
+ path.edge-thickness-thick.edge-pattern-solid {
+ stroke: #f35e32 !important;
+ }
+ path.edge-thickness-normal.edge-pattern-dotted {
+ stroke: #2beb8d !important;
+ }
+ marker path {
+ fill: #ff0000 !important;
+ stroke: #ff0000 !important;
+ }
+
+---
+
+flowchart LR
+
+ subgraph NetBird["NetBird Network"]
+ subgraph User[" User"]
+ User-NB["100.xx.1.123"]
+ end
+
+ subgraph RP2[" router-2"]
+ direction LR
+
+ RP2-NB["100.xx.0.2"]
+ RP2-LAN["192.168.1.2"]
+
+ RP2-NB ~~~ RP2-LAN
+ end
+
+ subgraph RP1[" router-1(selected)"]
+ direction LR
+ RP1-NB["100.xx.0.1"]
+ RP1-LAN["192.168.1.1"]
+
+ RP1-NB ~~~ RP1-LAN
+ end
+ end
+
+ subgraph Resources["LAN"]
+ subgraph Server[" Server"]
+ Server-LAN["192.168.1.51"]
+ end
+ end
+
+%% NetBird connections
+
+ User-NB ==> RP1-NB
+ User-NB ==> RP2-NB
+ RP1-NB ==> RP1-LAN
+
+%% Resource connections
+ RP1-NB -.-> RP2-LAN
+ RP1-LAN -.-> Server-LAN
diff --git a/public/docs-static/img/how-to-guides/networks-access-management/diagram.png b/public/docs-static/img/how-to-guides/networks-access-management/diagram.png
new file mode 100644
index 00000000..d1043738
Binary files /dev/null and b/public/docs-static/img/how-to-guides/networks-access-management/diagram.png differ
diff --git a/public/docs-static/img/how-to-guides/networks-access-management/diagram.svg b/public/docs-static/img/how-to-guides/networks-access-management/diagram.svg
new file mode 100644
index 00000000..b874e06b
--- /dev/null
+++ b/public/docs-static/img/how-to-guides/networks-access-management/diagram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file