diff --git a/README.md b/README.md
index 6d3e31a..f90fcbb 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # click-guide
+![](/logo/github-banner.png)
 A browser add-on which records the steps clicked on a page and generates a easy to understand guide from it.
 
 Similar to tango.us/dubble.so/folge.me/magichow.co but all local - no data leaves your device
@@ -22,3 +23,6 @@ Similar to tango.us/dubble.so/folge.me/magichow.co but all local - no data leave
 
 ### Maybe far in the future:
 - [ ] Optional cloud for sharing guide as link
+
+## Mockup editor/viewer
+![](/logo/mockup-viewer-editor.jpg)
\ No newline at end of file
diff --git a/logo/github-banner.png b/logo/github-banner.png
new file mode 100644
index 0000000..e07e6e8
Binary files /dev/null and b/logo/github-banner.png differ
diff --git a/logo/logo.xd b/logo/logo.xd
index 3d4de9b..3fb7b4e 100644
Binary files a/logo/logo.xd and b/logo/logo.xd differ
diff --git a/logo/mockup-viewer-editor.jpg b/logo/mockup-viewer-editor.jpg
new file mode 100644
index 0000000..c8f821f
Binary files /dev/null and b/logo/mockup-viewer-editor.jpg differ