diff --git a/gno.land/pkg/gnoweb/static/css/app.css b/gno.land/pkg/gnoweb/static/css/app.css
index 1ddd261a882..2cc711f7f80 100644
--- a/gno.land/pkg/gnoweb/static/css/app.css
+++ b/gno.land/pkg/gnoweb/static/css/app.css
@@ -48,7 +48,8 @@ html[data-theme="light"] {
   --quote-background: #ddd;
   --quote-2-background: #aaa4;
   --code-background: #d7d9db;
-  --header-background: #d7d9db;
+  --header-background: #6b6d73;
+  --header-forground: #ffffff;
 
   --realm-help-background-color: #d7d9db9e;
   --realm-help-odd-background-color: #d7d9db45;
@@ -84,7 +85,8 @@ html[data-theme="dark"] {
   --quote-background: #404040;
   --quote-2-background: #555555;
   --code-background: #606060;
-  --header-background: #606060;
+  --header-background: #6b6d73;
+  --header-forground: #ffffff;
 
   --realm-help-background-color: #45454545;
   --realm-help-odd-background-color: #4545459e;
@@ -108,14 +110,13 @@ html[data-theme="dark"] {
   --highlight-addition: #76c490;
 }
 
-html[data-theme="dark"] #header img,
-html[data-theme="dark"] .footer img {
-  filter: invert(1);
-}
+.logo-wording path {fill: var(--header-forground, #ffffff); }
+.logo-beard { fill: var(--header-forground, #ffffff); }
 
 #theme-toggle {
   display: inline-block;
   padding: 0;
+  color: var(--header-forground, #ffffff);
 }
 
 html[data-theme="dark"] #theme-toggle-moon,
@@ -147,8 +148,8 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: "Roboto Mono", "Courier New", "sans-serif";
-  background-color: var(--background-color, #eee);
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+  "Segoe UI Symbol", "Noto Color Emoji";  background-color: var(--background-color, #eee);
   color: var(--text-color, #000);
   font-size: 15px;
   transition: 0.25s all ease;
@@ -159,8 +160,7 @@ h2,
 h3,
 h4,
 nav {
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", "Noto Color Emoji";
+
   font-weight: 600;
   letter-spacing: 0.08rem;
 }
@@ -248,7 +248,6 @@ li > * {
 }
 
 input {
-  font-family: "Roboto Mono", "Monaco", monospace;
   background-color: var(--input-background-color, #eee);
   border: 1px solid var(--border-color);
   color: var(--text-color, #000);
@@ -266,6 +265,9 @@ blockquote blockquote {
   background-color: var(--quote-2-background, #aaa4);
 }
 
+pre, code {
+    font-family: "Roboto Mono", "Courier New", "sans-serif";
+}
 pre {
   background-color: var(--code-background, #d7d9db);
   margin: 0;
@@ -338,13 +340,16 @@ code {
 }
 
 .footer {
+  text-align: center;
   margin-block-start: 2rem;
   background-color: var(--header-background, #d7d9db);
   border-top: 1px solid var(--border-color);
 }
-.footer > img {
+
+.footer > .logo {
   display: block;
-  margin: 1rem auto;
+  margin: 1rem;
+  height: 1.2rem;
 }
 
 /** 51.2rem **/
@@ -488,15 +493,19 @@ code {
   flex-grow: 2;
 }
 
-#logo {
+#header .logo {
   display: flex;
   align-items: center;
   color: var(--link-color, #25172a);
   position: absolute;
-  height: 3rem;
+  height: 2.4rem;
   z-index: 2;
 }
 
+.logo > svg {
+    height: 100%;
+}
+
 #logo_path a {
   text-decoration: none;
 }
@@ -610,7 +619,7 @@ code {
   height: 0.133rem;
   margin-bottom: 0.333rem;
   position: relative;
-  background: var(--text-color, #000);
+  background: var(--header-forground, #ffffff);
   z-index: 1;
   transform-origin: 50% 50%;
   /* transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; */
@@ -670,6 +679,11 @@ code {
   display: flex;
   flex-direction: column;
   margin-bottom: 2rem;
+  margin-top: .8rem;
+}
+
+#menu-toggle > .navigation a {
+    color: var(--header-forground, #ffffff);
 }
 
 #menu-toggle input:checked ~ .navigation {
diff --git a/gno.land/pkg/gnoweb/static/img/logo.png b/gno.land/pkg/gnoweb/static/img/logo.png
deleted file mode 100644
index 667d07a793e..00000000000
Binary files a/gno.land/pkg/gnoweb/static/img/logo.png and /dev/null differ
diff --git a/gno.land/pkg/gnoweb/static/img/logo.svg b/gno.land/pkg/gnoweb/static/img/logo.svg
deleted file mode 100644
index e201882e4e1..00000000000
--- a/gno.land/pkg/gnoweb/static/img/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="383" height="124" viewBox="0 0 383 124" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M64.68 59.7123H107.415V110.45C101.255 114.96 94.6825 118.232 87.6975 120.267C80.7675 122.302 73.5075 123.32 65.9175 123.32C56.0175 123.32 46.9975 121.78 38.8575 118.7C30.7725 115.565 23.8425 111.275 18.0675 105.83C12.2925 100.33 7.8375 93.8398 4.7025 86.3598C1.5675 78.8248 0 70.6573 0 61.8573C0 52.8923 1.485 44.6698 4.455 37.1898C7.425 29.6548 11.66 23.1648 17.16 17.7198C22.715 12.2748 29.3975 8.03979 37.2075 5.01479C45.0725 1.98979 53.845 0.477295 63.525 0.477295C68.53 0.477295 73.2325 0.889795 77.6325 1.71479C82.0325 2.53979 86.075 3.66729 89.76 5.09729C93.5 6.5273 96.91 8.23229 99.99 10.2123C103.07 12.1923 105.82 14.3373 108.24 16.6473L100.155 28.9398C98.89 30.8648 97.24 32.0473 95.205 32.4873C93.225 32.9273 91.08 32.4323 88.77 31.0023C86.57 29.6823 84.48 28.5548 82.5 27.6198C80.575 26.6298 78.595 25.8323 76.56 25.2273C74.525 24.6223 72.38 24.1823 70.125 23.9073C67.87 23.6323 65.34 23.4948 62.535 23.4948C57.31 23.4948 52.6075 24.4298 48.4275 26.2998C44.2475 28.1148 40.6725 30.6998 37.7025 34.0548C34.7875 37.4098 32.5325 41.4523 30.9375 46.1823C29.3425 50.8573 28.545 56.0823 28.545 61.8573C28.545 68.2373 29.425 73.9023 31.185 78.8523C32.945 83.8023 35.42 87.9823 38.61 91.3923C41.855 94.8023 45.705 97.4148 50.16 99.2298C54.67 100.99 59.6475 101.87 65.0925 101.87C68.4475 101.87 71.4725 101.54 74.1675 100.88C76.9175 100.22 79.585 99.3398 82.17 98.2398V80.0073H70.29C68.53 80.0073 67.155 79.5398 66.165 78.6048C65.175 77.6698 64.68 76.4873 64.68 75.0573V59.7123Z" fill="black"/>
-<path d="M231.108 1.79729V122H216.588C214.443 122 212.628 121.67 211.143 121.01C209.713 120.295 208.283 119.085 206.853 117.38L150.176 45.6873C150.396 47.8323 150.533 49.9223 150.588 51.9573C150.698 53.9373 150.753 55.8073 150.753 57.5673V122H126.168V1.79729H140.853C142.063 1.79729 143.081 1.8523 143.906 1.9623C144.731 2.07229 145.473 2.29229 146.133 2.6223C146.793 2.8973 147.426 3.3098 148.031 3.85979C148.636 4.40979 149.323 5.15229 150.093 6.08729L207.266 78.2748C206.991 75.9648 206.798 73.7373 206.688 71.5923C206.578 69.3923 206.523 67.3298 206.523 65.4048V1.79729H231.108Z" fill="black"/>
-<path d="M239 95.5991L371.97 13L382.779 30.401L249.809 113L239 95.5991Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M310.5 100C331.763 100 349 82.763 349 61.5C349 40.237 331.763 23 310.5 23C289.237 23 272 40.237 272 61.5C272 82.763 289.237 100 310.5 100ZM310.5 123C344.466 123 372 95.4655 372 61.5C372 27.5345 344.466 0 310.5 0C276.534 0 249 27.5345 249 61.5C249 95.4655 276.534 123 310.5 123Z" fill="black"/>
-</svg>
diff --git a/gno.land/pkg/gnoweb/views/faucet.html b/gno.land/pkg/gnoweb/views/faucet.html
index 066596f7145..0c686367fa4 100644
--- a/gno.land/pkg/gnoweb/views/faucet.html
+++ b/gno.land/pkg/gnoweb/views/faucet.html
@@ -7,7 +7,7 @@
   </head>
   <body>
     <div id="root">
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div id="home" class="container">
         This is the Gno.land (test) {{ if .Data.Config.CaptchaSite }}
         <script src="https://www.google.com/recaptcha/api.js" async defer></script>
diff --git a/gno.land/pkg/gnoweb/views/funcs.html b/gno.land/pkg/gnoweb/views/funcs.html
index 74952eac52d..b9dba087d9d 100644
--- a/gno.land/pkg/gnoweb/views/funcs.html
+++ b/gno.land/pkg/gnoweb/views/funcs.html
@@ -117,15 +117,28 @@
 </script>
 {{- end -}}
 
-{{- define "header_logo" -}}
-<a id="logo" href="/">
-  <img src="/static/img/logo.png" alt="Gno.land" title="Gno.land" height="38" />
+{{- define "logo" -}}
+<a class="logo" href="/">
+  <svg class="logo_img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 238">
+    <path d="M136.02,160.26c-1.77-6.5-5.55-12.22-10.68-16.59-1.98-1.69-4.14-3.29-6.5-4.78-2-1.27-4.52.6-3.94,2.9l1.42,5.62c1.8,7.14-5.86,12.93-12.24,9.26l-17.15-9.86c-11.27-6.48-25.13-6.48-36.4,0l-17.15,9.86c-6.38,3.67-14.04-2.13-12.24-9.26l1.46-5.78c.58-2.29-1.93-4.16-3.93-2.9-2.62,1.64-5,3.42-7.16,5.29-5.05,4.38-8.56,10.26-10.2,16.74l-.06.24c-4.17,16.56,2.31,33.97,16.29,43.78l43.3,30.37c4.74,3.32,11.05,3.32,15.79,0l43.3-30.37c14.19-9.95,20.65-27.74,16.09-44.51Z" class="logo-beard" />
+    <path d="M134.22,123.74c-3.78-31.58-19.27-63.22-34.25-87.46l22.26-22.26c5.04-5.04,1.47-13.66-5.66-13.66h-47.94c-3.7,0-7.41,1.63-9.91,4.88C41.84,27.21,8.79,75.55,3.02,123.74c-.52,4.39,4.63,7.08,7.93,4.14,11.52-10.26,29.49-17.6,57.67-17.6s46.14,7.35,57.67,17.6c3.3,2.94,8.45.24,7.93-4.14Z" style="fill: #ee445d" />
+    <g class="logo-wording">
+      <path d="M190.79,202.39l13.67-21.82c9.35,10.07,21.82,14.14,36.2,14.14s32.13-6.23,32.13-29.73v-11.27c-9.11,11.51-21.58,17.98-35.96,17.98-28.77,0-51.06-20.14-51.06-58.74s21.82-58.98,51.06-58.98c13.91,0,26.61,5.75,35.96,17.74v-14.86h30.45v108.12c0,43.87-34.04,54.66-62.57,54.66-19.66,0-35.24-4.55-49.87-17.26ZM272.78,131.66v-37.64c-5.28-7.43-16.3-12.95-26.13-12.95-17.5,0-29.49,11.99-29.49,31.89s11.99,31.89,29.49,31.89c9.83,0,20.86-5.75,26.13-13.19Z" />
+      <path d="M397.33,172.66v-70c0-16.06-8.39-21.58-21.34-21.58-11.99,0-21.1,6.71-26.37,13.43v78.16h-30.45V56.86h30.45v14.86c7.43-8.63,21.82-17.74,40.52-17.74,25.65,0,37.88,14.38,37.88,36.92v81.75h-30.69Z" />
+      <path d="M438.76,114.64c0-32.84,23.01-60.65,61.13-60.65s61.37,27.81,61.37,60.65-23.01,60.89-61.37,60.89-61.13-28.05-61.13-60.89ZM529.62,114.64c0-17.98-10.55-33.56-29.73-33.56s-29.49,15.58-29.49,33.56,10.55,33.8,29.49,33.8,29.73-15.58,29.73-33.8Z" />
+      <path d="M565.38,161.87c0-7.19,5.99-13.19,13.19-13.19s13.19,5.99,13.19,13.19-5.99,13.19-13.19,13.19-13.19-5.99-13.19-13.19Z" />
+      <path d="M605.35,148.44V12.75h17.98v131.86c0,8.63,3.84,14.86,11.75,14.86,5.03,0,9.83-2.4,11.99-5.03l5.51,13.67c-4.79,4.31-11.03,7.43-21.58,7.43-17.02,0-25.65-9.83-25.65-27.09Z" />
+      <path d="M745.61,172.66v-17.26c-8.63,11.75-22.77,20.14-39.08,20.14-30.21,0-51.54-23.01-51.54-60.65s21.34-60.89,51.54-60.89c15.58,0,29.73,7.67,39.08,20.38v-17.5h17.98v115.79h-17.98ZM745.61,141.01v-52.26c-6.23-10.07-20.38-18.7-34.52-18.7-23.49,0-37.4,19.18-37.4,44.83s13.91,44.59,37.4,44.59c14.14,0,28.29-8.39,34.52-18.46Z" />
+      <path d="M860.96,172.66v-75.76c0-20.62-10.55-26.85-26.13-26.85-14.14,0-27.33,8.63-34.28,17.98v84.63h-17.98V56.86h17.98v16.78c8.15-9.83,23.97-19.66,41.47-19.66,23.97,0,36.68,12.23,36.68,37.4v81.27h-17.74Z" />
+      <path d="M982.02,172.66v-17.26c-8.63,11.75-22.77,20.14-39.08,20.14-30.21,0-51.54-23.01-51.54-60.65s21.34-60.89,51.54-60.89c15.58,0,29.73,7.67,39.08,20.38V12.75h17.98v159.91h-17.98ZM982.02,141.01v-52.26c-6.23-10.07-20.38-18.7-34.52-18.7-23.49,0-37.4,19.18-37.4,44.83s13.91,44.59,37.4,44.59c14.14,0,28.29-8.39,34.52-18.46Z" />
+    </g>
+  </svg>
 </a>
-{{- end -}}
+{{- end -}} 
 
 {{- define "footer" -}}
 <footer class="footer">
-  <img src="/static/img/logo.png" alt="Gno.land" width="70" />
+    {{ template "logo" }} 
 </footer>
 {{- end -}}
 
diff --git a/gno.land/pkg/gnoweb/views/generic.html b/gno.land/pkg/gnoweb/views/generic.html
index e671625e26a..5bcd14c3a46 100644
--- a/gno.land/pkg/gnoweb/views/generic.html
+++ b/gno.land/pkg/gnoweb/views/generic.html
@@ -7,7 +7,7 @@
   </head>
   <body onload="main()">
     <div id="root">
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div id="home" class="container">
         <pre id="source">
           {{- .Data.MainContent -}}
diff --git a/gno.land/pkg/gnoweb/views/package_dir.html b/gno.land/pkg/gnoweb/views/package_dir.html
index efaf4d7ad0c..793ebd40b84 100644
--- a/gno.land/pkg/gnoweb/views/package_dir.html
+++ b/gno.land/pkg/gnoweb/views/package_dir.html
@@ -7,7 +7,7 @@
   </head>
   <body onload="main()">
     <div id="root">
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div class="inline-list">
         <span id="logo_path"> <a href="{{ .Data.DirPath }}">{{ .Data.DirPath }}</a>/* </span>
       </div>
diff --git a/gno.land/pkg/gnoweb/views/package_file.html b/gno.land/pkg/gnoweb/views/package_file.html
index 71aa8b68452..42e1d0a28fc 100644
--- a/gno.land/pkg/gnoweb/views/package_file.html
+++ b/gno.land/pkg/gnoweb/views/package_file.html
@@ -7,7 +7,7 @@
   </head>
   <body onload="main()">
     <div id="root">
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div class="inline-list">
         <span id="logo_path"> <a href="{{ .Data.DirPath }}/">{{ .Data.DirPath }}/</a>{{ .Data.FileName }} </span>
       </div>
diff --git a/gno.land/pkg/gnoweb/views/realm_help.html b/gno.land/pkg/gnoweb/views/realm_help.html
index 85d5571cdaf..0c8e5e4d88e 100644
--- a/gno.land/pkg/gnoweb/views/realm_help.html
+++ b/gno.land/pkg/gnoweb/views/realm_help.html
@@ -8,7 +8,7 @@
   <body onload="main()">
     <div id="root">
       <div id="data" data-realm-path="{{ .Data.RealmPath }}" data-remote="{{ .Data.Config.HelpRemote }}" data-chainid="{{ .Data.Config.HelpChainID }}" />
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div class="inline-list">
         <span id="logo_path"> <a href="{{ .Data.DirPath }}">{{ .Data.DirPath }}</a>?help </span>
       </div>
diff --git a/gno.land/pkg/gnoweb/views/realm_render.html b/gno.land/pkg/gnoweb/views/realm_render.html
index 6337d77aafa..9a4507777a6 100644
--- a/gno.land/pkg/gnoweb/views/realm_render.html
+++ b/gno.land/pkg/gnoweb/views/realm_render.html
@@ -7,7 +7,7 @@
   </head>
   <body onload="main()">
     <div id="root">
-      <div id="header">{{ template "header_logo" }} {{ template "header_buttons" }}</div>
+      <div id="header">{{ template "logo" }} {{ template "header_buttons" }}</div>
       <div class="inline-list">
         <span id="logo_path"
           ><a href="/r/{{ .Data.RealmName }}">/r/{{ .Data.RealmName }}</a>