diff --git a/_config.ts b/_config.ts
index 76ab03d..90af732 100644
--- a/_config.ts
+++ b/_config.ts
@@ -6,6 +6,8 @@ const site = lume({
   location: new URL("https://blog.deca.eco"),
 });
 
+site.copy("img");
+
 site.use(relativeUrls());
 site.use(blog());
 
diff --git a/_data.yml b/_data.yml
index 6725b86..87c46b3 100644
--- a/_data.yml
+++ b/_data.yml
@@ -1,5 +1,7 @@
 lang: en
 
+logo: deca-logo.png
+
 home:
   welcome: DECA PROTOCOL
   icon: favicon.png 
diff --git a/_includes/css/navbar.css b/_includes/css/navbar.css
index 177f173..0e67889 100644
--- a/_includes/css/navbar.css
+++ b/_includes/css/navbar.css
@@ -31,5 +31,27 @@
 }
 
 .navbar-home {
+  display: flex;
+  align-self: center;
+  align-items: center;
+  color: var(--color-foreground);
+  column-gap: 10px;
   text-decoration: none;
-}
\ No newline at end of file
+  font: var(--text-body-bold);
+  letter-spacing: var(--text-title-spacing);
+
+
+  & img {
+    margin-bottom: 10px;
+    width:175px;
+    height:58px;
+  }
+
+  & span {
+    @media (max-width: 820px) {
+      display: none;
+    }
+  }
+
+}
+
diff --git a/_includes/layouts/base.vto b/_includes/layouts/base.vto
index 116d75d..fb34eb7 100644
--- a/_includes/layouts/base.vto
+++ b/_includes/layouts/base.vto
@@ -13,7 +13,7 @@
     <link rel="stylesheet" href="/styles.css">
     <link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metas.site }}">
     <link rel="alternate" href="/feed.json" type="application/json" title="{{ metas.site }}">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon.png">
     <link rel="canonical" href="{{ url |> url(true) }}">
     <script src="/js/main.js" type="module"></script>
     {{ it.extra_head?.join("\n") }}
@@ -22,7 +22,7 @@
     <nav class="navbar">
       <a href="/" class="navbar-home">
         {{ if it.logo }}
-          {{ it.logo }}
+          <img src="/img/{{ it.logo }}" alt="{{ metas.site }}">
         {{ else }}
           <strong>{{ metas.site }}</strong>
         {{ /if }}
diff --git a/img/deca-logo.png b/img/deca-logo.png
new file mode 100644
index 0000000..bb95c98
Binary files /dev/null and b/img/deca-logo.png differ
diff --git a/favicon.png b/img/favicon.png
similarity index 100%
rename from favicon.png
rename to img/favicon.png