diff --git a/docs/html/images/menu_design/ContextMenuDiagram.png b/docs/html/images/menu_design/ContextMenuDiagram.png
new file mode 100644
index 0000000000000..06678c7598422
Binary files /dev/null and b/docs/html/images/menu_design/ContextMenuDiagram.png differ
diff --git a/docs/html/images/menu_design/ContextMenuViewContactDiagram.png b/docs/html/images/menu_design/ContextMenuViewContactDiagram.png
new file mode 100644
index 0000000000000..dcee98104a091
Binary files /dev/null and b/docs/html/images/menu_design/ContextMenuViewContactDiagram.png differ
diff --git a/docs/html/images/menu_design/MenuDiagram.png b/docs/html/images/menu_design/MenuDiagram.png
new file mode 100644
index 0000000000000..543328a5e8030
Binary files /dev/null and b/docs/html/images/menu_design/MenuDiagram.png differ
diff --git a/docs/html/images/menu_design/TaskFlowDiagram.png b/docs/html/images/menu_design/TaskFlowDiagram.png
new file mode 100644
index 0000000000000..0157132b8d711
Binary files /dev/null and b/docs/html/images/menu_design/TaskFlowDiagram.png differ
diff --git a/docs/html/images/menu_design/TextFieldContextMenuDiagram.png b/docs/html/images/menu_design/TextFieldContextMenuDiagram.png
new file mode 100644
index 0000000000000..b23a7da48c1cd
Binary files /dev/null and b/docs/html/images/menu_design/TextFieldContextMenuDiagram.png differ