diff --git a/doc/ui/example.png b/doc/ui/example.png
new file mode 100644
index 00000000..2f6cb789
Binary files /dev/null and b/doc/ui/example.png differ
diff --git a/doc/ui_guidelines.md b/doc/ui_guidelines.md
index 9b05ce64..c267b79b 100644
--- a/doc/ui_guidelines.md
+++ b/doc/ui_guidelines.md
@@ -12,3 +12,5 @@
 	- It is acceptable to leave 8px on the left side as well to center the content
 - Top bar takes at least 20px + padding
 	- Top bar right icons move 8px to the left when using a page indicator
+
+![example layouts](./ui/example.png)