diff --git a/frontend/resources/images/icons/icon-empty.svg b/frontend/resources/images/icons/icon-empty.svg
new file mode 100644
index 0000000000..b3988c12bf
--- /dev/null
+++ b/frontend/resources/images/icons/icon-empty.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/resources/images/icons/icon-lock.svg b/frontend/resources/images/icons/icon-lock.svg
new file mode 100644
index 0000000000..8cb8aa6f7f
--- /dev/null
+++ b/frontend/resources/images/icons/icon-lock.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/resources/styles/main/layouts/not-found.scss b/frontend/resources/styles/main/layouts/not-found.scss
index 359d7ab532..c1d64ea06f 100644
--- a/frontend/resources/styles/main/layouts/not-found.scss
+++ b/frontend/resources/styles/main/layouts/not-found.scss
@@ -29,15 +29,30 @@
justify-content: center;
align-items: center;
+ .error-img {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ margin-bottom: 2rem;
+
+ svg {
+ height: 320px;
+ width: 200px;
+ }
+ }
+
.main-message {
- font-size: 18rem;
color: $color-black;
- line-height: 226px;
+ font-size: 11rem;
+ line-height: 200px;
+ text-align: center;
}
.desc-message {
- font-size: 3rem;
color: $color-black;
+ font-size: 2.2rem;
+ font-weight: 300;
+ text-align: center;
}
}
diff --git a/frontend/src/uxbox/builtins/icons.cljs b/frontend/src/uxbox/builtins/icons.cljs
index d234e1980c..b1fa6d8ffb 100644
--- a/frontend/src/uxbox/builtins/icons.cljs
+++ b/frontend/src/uxbox/builtins/icons.cljs
@@ -49,6 +49,8 @@
(def grid (icon-xref :grid))
(def grid-snap (icon-xref :grid-snap))
(def icon-set (icon-xref :icon-set))
+(def icon-lock (icon-xref :icon-lock))
+(def icon-empty (icon-xref :icon-empty))
(def image (icon-xref :image))
(def infocard (icon-xref :infocard))
(def layers (icon-xref :layers))
diff --git a/frontend/src/uxbox/main/ui/not_found.cljs b/frontend/src/uxbox/main/ui/not_found.cljs
index 85d8f6bbcd..96a8d4782f 100644
--- a/frontend/src/uxbox/main/ui/not_found.cljs
+++ b/frontend/src/uxbox/main/ui/not_found.cljs
@@ -20,5 +20,6 @@
[:div.not-found-header i/logo]
[:div.not-found-content
[:div.message-container
+ [:div.error-img i/icon-empty]
[:div.main-message "404"]
[:div.desc-message "Oops! Page not found"]]]])