diff --git a/README.md b/README.md
index e348096b..ea3f2118 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,14 @@
-# better-ajv-errors
+<h1 align="center">
+  <img width="570" src="media/logo.png" alt="better-ajv-errors">
+  <br>
+</h1>
 
 > JSON Schema validation for Human 👨‍🎤
 
 Main goal of this library is to provide relevant error messages like the following:
 
 <p align="center">
-  <img src="screenshot.svg">
+  <img src="media/screenshot.svg">
 </p>
 
 ## Installation
@@ -80,7 +83,7 @@ Values: `cli` `js`
 
 Use default `cli` output format if you want to **print** beautiful validation errors like following:
 
-<img width="620" src="screenshot.svg">
+<img width="620" src="media/screenshot.svg">
 
 Or, use `js` if you are planning to use this with some API. Your output will look like following:
 
diff --git a/media/logo.png b/media/logo.png
new file mode 100644
index 00000000..95599081
Binary files /dev/null and b/media/logo.png differ
diff --git a/screenshot.svg b/media/screenshot.svg
similarity index 100%
rename from screenshot.svg
rename to media/screenshot.svg
diff --git a/package.json b/package.json
index 0bed42f1..46d9fbdf 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "format": "prettier --write src/*.js src/**/*.js .changeset/*.js",
     "test": "jest",
     "test-ci": "jest --coverage --colors",
-    "screenshot": "svg-term --command='node screenshot' --out=screenshot.svg --padding=5 --width=80 --height=13 --at=1000 --no-cursor --term iterm2 --profile='deep' --window"
+    "screenshot": "svg-term --command='node screenshot' --out=media/screenshot.svg --padding=5 --width=80 --height=13 --at=1000 --no-cursor --term iterm2 --profile='deep' --window"
   },
   "dependencies": {
     "@babel/code-frame": "^7.0.0",