diff --git a/src/app.html b/src/app.html
index 47ee44d..a9e7e13 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en" class="dark">
     <head>
         <meta charset="utf-8" />
-        <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+        <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
         <meta name="viewport" content="width=device-width" />
         %sveltekit.head%
         <script>
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index d84c47b..1ccb07e 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -72,7 +72,8 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
       creator: '@sveltey_dev',
       title: 'Sveltey - SvelteKit SaaS Template',
       description: 'A comprehensive, production-ready SaaS template built with Svelte 5, SvelteKit 2, Supabase, and Skeleton UI.',
-      image: `${url.origin}/og-image.jpg`,
+      // OG Images can be easily created with https://ogimagemaker.com
+      image: `${url.origin}/og-image.png`,
       imageAlt: 'Sveltey - SvelteKit SaaS Template'
     },
     
@@ -88,34 +89,13 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
       {
         name: 'application-name',
         content: 'Sveltey'
-      },
-      {
-        name: 'apple-mobile-web-app-capable',
-        content: 'yes'
-      },
-      {
-        name: 'apple-mobile-web-app-status-bar-style',
-        content: 'default'
-      },
-      {
-        name: 'apple-mobile-web-app-title',
-        content: 'Sveltey'
       }
     ],
     
     additionalLinkTags: [
       {
         rel: 'icon',
-        href: '/favicon.ico'
-      },
-      {
-        rel: 'apple-touch-icon',
-        href: '/apple-touch-icon.png',
-        sizes: '180x180'
-      },
-      {
-        rel: 'manifest',
-        href: '/manifest.json'
+        href: '/favicon.svg'
       }
     ]
   }) satisfies MetaTagsProps
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 751367e..361cac1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -125,7 +125,7 @@
 		<div class="grid grid-cols-2 items-center gap-8 md:grid-cols-4">
 			<div class="space-y-2">
 				<div class="mx-auto flex items-center justify-center">
-					<img src="/svelte-logo-square.svg" alt="SvelteKit" class="size-16" />
+					<img src="/logos/svelte-logo-square.svg" alt="SvelteKit" class="size-16" />
 				</div>
 				<p class="text-lg font-bold">SvelteKit</p>
 			</div>
@@ -137,25 +137,25 @@
 			</div>
 			<div class="space-y-2">
 				<div class="mx-auto flex items-center justify-center">
-					<img src="/tailwind-logo-square.svg" alt="Tailwind CSS" class="size-16" />
+					<img src="/logos/tailwind-logo-square.svg" alt="Tailwind CSS" class="size-16" />
 				</div>
 				<p class="text-lg font-bold">Tailwind CSS</p>
 			</div>
 			<div class="space-y-2">
 				<div class="mx-auto flex items-center justify-center">
-					<img src="/supabase-logo-icon.svg" alt="Supabase" class="size-16" />
+					<img src="/logos/supabase-logo-icon.svg" alt="Supabase" class="size-16" />
 				</div>
 				<p class="text-lg font-bold">Supabase</p>
 			</div>
 			<div class="space-y-2">
 				<div class="rounded-base mx-auto flex size-16 items-center justify-center bg-black p-2">
-					<img src="/resend-icon-white.svg" alt="Resend" class="size-16" />
+					<img src="/logos/resend-icon-white.svg" alt="Resend" class="size-16" />
 				</div>
 				<p class="text-lg font-bold">Resend</p>
 			</div>
 			<div class="space-y-2">
 				<div class="mx-auto flex items-center justify-center">
-					<img src="/ts-logo-512.svg" alt="TypeScript" class="size-16" />
+					<img src="/logos/ts-logo-512.svg" alt="TypeScript" class="size-16" />
 				</div>
 				<p class="text-lg font-bold">TypeScript</p>
 			</div>
diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index 825b9e6..0000000
Binary files a/static/favicon.png and /dev/null differ
diff --git a/static/favicon.svg b/static/favicon.svg
new file mode 100644
index 0000000..01f7a67
--- /dev/null
+++ b/static/favicon.svg
@@ -0,0 +1,55 @@
+<svg width="512" xmlns="http://www.w3.org/2000/svg" height="512" id="screenshot-2867b978-8541-809c-8006-43e8df0380f7" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><style>/* cyrillic-ext */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvGyNL4U.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvmyNL4U.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url(https://design.penpot.app/internal/gfonts/font/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+</style><g id="shape-2867b978-8541-809c-8006-43e8df0380f7" rx="0" ry="0"><g id="shape-2867b978-8541-809c-8006-43e8df0380f8" width="512" height="512" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-2867b978-8541-809c-8006-43e8df0380fa" style="display: none;"><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380fa"><rect width="512" height="512" x="0" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" style="fill: none;" ry="0" fill="none" rx="0" y="0"/></g></g><g id="shape-2867b978-8541-809c-8006-43e8df0380fb"><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380fb"><path d="M32.000,0.000L480.000,0.000C512.000,0.000,512.000,0.000,512.000,32.000L512.000,480.000C512.000,512.000,512.000,512.000,480.000,512.000L32.000,512.000C0.000,512.000,0.000,512.000,0.000,480.000L0.000,32.000C0.000,0.000,0.000,0.000,32.000,0.000Z" style="fill: rgb(0, 136, 255);"/></g></g></g><g id="shape-2867b978-8541-809c-8006-43e8df0380f9"><g transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" class="text-container" x="111" y="56" width="291" height="400" rx="0" ry="0"><defs><pattern patternUnits="objectBoundingBox" width="291" height="561" id="fill-0-render-5-0"><g><rect width="291" height="561" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g></pattern></defs><g class="fills" id="fills-2867b978-8541-809c-8006-43e8df0380f9"><text x="111" y="536" dominant-baseline="ideographic" textLength="291" lengthAdjust="spacingAndGlyphs" style="text-transform: none; font-family: Ubuntu; letter-spacing: normal; font-style: normal; font-weight: 700; white-space: pre; font-size: 500px; text-decoration: none solid rgb(0, 0, 0); direction: ltr; fill: rgb(0, 0, 0); fill-opacity: 1;">S</text></g></g></g></g></svg>
\ No newline at end of file
diff --git a/static/resend-icon-black.svg b/static/logos/resend-icon-black.svg
similarity index 100%
rename from static/resend-icon-black.svg
rename to static/logos/resend-icon-black.svg
diff --git a/static/resend-icon-white.svg b/static/logos/resend-icon-white.svg
similarity index 100%
rename from static/resend-icon-white.svg
rename to static/logos/resend-icon-white.svg
diff --git a/static/supabase-logo-icon.svg b/static/logos/supabase-logo-icon.svg
similarity index 100%
rename from static/supabase-logo-icon.svg
rename to static/logos/supabase-logo-icon.svg
diff --git a/static/svelte-logo-square.svg b/static/logos/svelte-logo-square.svg
similarity index 100%
rename from static/svelte-logo-square.svg
rename to static/logos/svelte-logo-square.svg
diff --git a/static/tailwind-logo-square.svg b/static/logos/tailwind-logo-square.svg
similarity index 100%
rename from static/tailwind-logo-square.svg
rename to static/logos/tailwind-logo-square.svg
diff --git a/static/ts-logo-512.svg b/static/logos/ts-logo-512.svg
similarity index 100%
rename from static/ts-logo-512.svg
rename to static/logos/ts-logo-512.svg
diff --git a/static/og-images/og_image.png b/static/og-images/og_image.png
new file mode 100644
index 0000000..19587c4
Binary files /dev/null and b/static/og-images/og_image.png differ
