diff --git a/src/lib/assets/images/logo.png b/src/lib/assets/images/logo.png
deleted file mode 100644
index f2d6d4f..0000000
Binary files a/src/lib/assets/images/logo.png and /dev/null differ
diff --git a/src/lib/assets/logos/gecko-code.svg b/src/lib/assets/logos/gecko-code.svg
new file mode 100644
index 0000000..d79a169
--- /dev/null
+++ b/src/lib/assets/logos/gecko-code.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="574" height="263">
+	<path fill="#f59e0b" d="m222 150.3 3.6 19 36.216 22.92L255 165.8l53.5-5.2 37.2-28.9 12.8-20.8.9 9.2 15.6 16.5-9.9-34.4-14.5-23.5z" />
+	<path fill="#dc2626" d="m350.6 78.7-31.2-39.3-12.45 63.603Z" />
+	<path fill="#f59e0b" d="M350.6 78.7 383.9 0 347 7.7l-27.6 31.7Z" />
+	<path fill="#c2410c" d="M371.711 125.17 390.5 133l-14.3-12.8 12.5-1-17-3.9 4.9-11.1-8.66 7.868zM350.6 78.7l66.8-42.6-1.8-15.2-15.4-2.7L383.9 0Z" />
+	<path fill="#713f12" d="M312.674 73.76 292.3 76.6l-20.9-13.2 11.9 22.9 26.767.78zm-60.984 60.01 18.71-24.37-15.7-5.5 4.7-13.5-20.9 22.3 10.4-.5-26.9 38.1z" />
+	<path fill="#dc2626" d="M249.61 100.846 240 82.2l-.7 19.3-13.9-3.6 13.1 14.8zm44.61-24.514 6.18-6.832L293 71l-3.5-17.5-2.8 12-10.5-14.6 4.58 18.424L292.3 76.6z" />
+	<path fill="#c2410c" d="m255 165.8 8.9 34.5-22.2 21.4-7.2 28.2 39.8-49.7 2.1-12.3z" />
+	<path fill="#713f12" d="m243.57 238.574 6.03 3.226 7.7 21.2 2.5-16 12.2 7.6-9-22.6 10.5-2.9-10.1-2.7 1.18-14.062z" />
+	<path fill="#dc2626" d="m222 150.3-23 19.1-6.1 21.4 32.7-21.5z" />
+	<path fill="#f59e0b" d="m222 150.3-54.8 20.9 19.6 40.8 12.2-42.6Z" />
+	<path fill="#c2410c" d="m167.2 171.2-18.5 52.5 38.1-11.7Z" />
+	<path fill="#713f12" d="M445.5 230 574 112.6v45.8zm-272.9 33h37.79-.09l17.6-32.1-20.8-25.7-10 3.1-4.2-17.5-6.1 21.2-38.1 11.7 30.2 18.9z" />
+	<path fill="#84cc16" d="M128.5 41 0 158.4v-45.8zm317 0L574 158.4v-45.8z" />
+	<path fill="#713f12" d="M128.5 230 0 112.6v45.8z" />
+	<path fill="#dc2626" d="m148.7 223.7 23.9 39.3 6.3-20.4z" />
+</svg>
diff --git a/src/lib/assets/logos/gecko.svg b/src/lib/assets/logos/gecko.svg
new file mode 100644
index 0000000..6bfff70
--- /dev/null
+++ b/src/lib/assets/logos/gecko.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="268.7" height="263">
+	<path fill="#f59e0b" d="m73.3 150.3 3.6 19 36.216 22.92-6.816-26.42 53.5-5.2 37.2-28.9 12.8-20.8.9 9.2 15.6 16.5-9.9-34.4-14.5-23.5z" />
+	<path fill="#dc2626" d="m201.9 78.7-31.2-39.3-12.45 63.603Z" />
+	<path fill="#f59e0b" d="M201.9 78.7 235.2 0l-36.9 7.7-27.6 31.7Z" />
+	<path fill="#c2410c" d="M223.011 125.17 241.8 133l-14.3-12.8 12.5-1-17-3.9 4.9-11.1-8.66 7.868zM201.9 78.7l66.8-42.6-1.8-15.2-15.4-2.7L235.2 0Z" />
+	<path fill="#713f12" d="M163.974 73.76 143.6 76.6l-20.9-13.2 11.9 22.9 26.767.78zm-60.984 60.01 18.71-24.37-15.7-5.5 4.7-13.5-20.9 22.3 10.4-.5-26.9 38.1z" />
+	<path fill="#dc2626" d="M100.91 100.846 91.3 82.2l-.7 19.3-13.9-3.6 13.1 14.8Zm44.61-24.514 6.18-6.832-7.4 1.5-3.5-17.5-2.8 12-10.5-14.6 4.58 18.424L143.6 76.6Z" />
+	<path fill="#c2410c" d="m106.3 165.8 8.9 34.5L93 221.7l-7.2 28.2 39.8-49.7 2.1-12.3z" />
+	<path fill="#713f12" d="m94.87 238.574 6.03 3.226 7.7 21.2 2.5-16 12.2 7.6-9-22.6 10.5-2.9-10.1-2.7 1.18-14.062z" />
+	<path fill="#dc2626" d="m73.3 150.3-23 19.1-6.1 21.4 32.7-21.5z" />
+	<path fill="#f59e0b" d="m73.3 150.3-54.8 20.9L38.1 212l12.2-42.6Z" />
+	<path fill="#c2410c" d="M18.5 171.2 0 223.7 38.1 212Z" />
+	<path fill="#713f12" d="M23.9 263h37.79-.09l17.6-32.1-20.8-25.7-10 3.1-4.2-17.5-6.1 21.2L0 223.7l30.2 18.9Z" />
+	<path fill="#dc2626" d="M0 223.7 23.9 263l6.3-20.4Z" />
+</svg>
diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte
index 83d28eb..1474b48 100644
--- a/src/lib/components/layout/Navbar.svelte
+++ b/src/lib/components/layout/Navbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from "$app/stores";
-	import logo from "$lib/assets/images/logo.png";
+	import gecko_code from "$lib/assets/logos/gecko-code.svg";
 
 	const current_path = $derived($page.url.pathname);
 
@@ -14,20 +14,20 @@
 </script>
 
 <nav class="flex items-center justify-between p-4">
-	<img src={logo} alt="Logo de Kokoa" width="40" height="40" />
+	<img src={gecko_code} alt="Logo de Kokoa" width="52.9" height="24.4" />
 	<div class="flex gap-x-8 text-lg">
 		{#each LINKS as { href, text } (href)}
-			<a {href} class="relative font-bold hover:underline">
+			<a {href} class="relative font-fira hover:underline">
 				<span
 					aria-hidden="true"
-					class="absolute -left-2 text-green-400 {current_path !== href ? 'hidden' : ''}"
+					class="absolute -left-3 text-lime-500 {current_path !== href ? 'hidden' : ''}"
 				>
 					{"{"}
 				</span>
 				{text}
 				<span
 					aria-hidden="true"
-					class="absolute -right-2 text-green-400 {current_path !== href ? 'hidden' : ''}"
+					class="absolute -right-3 text-lime-500 {current_path !== href ? 'hidden' : ''}"
 				>
 					{"}"}
 				</span>