diff --git a/src/app.css b/src/app.css
index a827b48..9a51cb3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -7,6 +7,6 @@
 @layer base {
   :root {
     --background-color: #051f82;
-    --text-color: #89c4f3;
+    --text-color: #88c3f1;
   }
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4d05471..e11f7ac 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,12 @@
+<script>
+  import Logo from './logo.svelte';
+</script>
+
 <main class="container px-8 sm:mx-auto">
   <p class="mt-40 sm:mt-60">hey, I'm</p>
-  <h1 class="text-6xl font-bold sm:text-8xl">Raymond</h1>
-  <h2 class="mt-8 text-2xl">& this page is ~under construction~</h2>
+  <Logo class="mt-2 w-4/5" />
+  <!-- <h1 class="text-6xl font-bold sm:text-8xl">Raymond</h1> -->
+  <h2 class="mt-2 text-2xl">& this page is ~under construction~</h2>
   <ul class="mt-4 flex flex-row gap-x-4">
     <li>
       <a class="hover:underline hover:underline-offset-4" href="mailto:r@ymond.wang" target="_blank"
diff --git a/src/routes/logo.svelte b/src/routes/logo.svelte
new file mode 100644
index 0000000..95640bc
--- /dev/null
+++ b/src/routes/logo.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  let { class: className }: { class: string | undefined | null } = $props();
+</script>
+
+<svg
+  class={className}
+  width="auto"
+  height="16vw"
+  viewBox="0 0 409 82"
+  fill="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M354.334 62.8V64.3H326.434V62.8C331.234 62.5 333.234 59.3 333.234 51.4V27.3C333.234 23.2 331.034 19.6 326.734 19.6C323.834 19.6 319.734 21.8 315.434 25.3V51.5C315.434 59.3 317.434 62.5 322.334 62.8V64.3H294.434V62.8C299.434 62.5 301.734 58.9 301.734 51.4V30C301.734 24.9 298.634 22.4 294.034 21.9V20.7C298.934 19.4 309.134 15.8 313.534 13.4L315.434 14.7V22.5C321.434 17 328.434 13.3 333.734 13.3C341.334 13.3 346.934 18.3 346.934 25.2V51.5C346.934 59 349.234 62.5 354.334 62.8Z"
+  />
+  <path
+    d="M399 0L400.9 1.4V47.6C400.9 52.7 404 58.8 408.6 59.3C408.6 59.3 396.585 66.4 391.585 60.9L387.2 56.7C382.8 62.1 378.6 64.2 372.5 64.2C359.2 64.2 351 54.3 351 38.2C351 21.4 359.7 12.2 375.7 12.2C379.6 12.2 383.6 13.6 387.2 15.9V8.49999C387.2 3.39999 384.1 6 379.5 5.5V4.3C384.4 3 394.6 2.4 399 0ZM387.2 52.3V30.7C386.2 20.8 381.8 14.2 375.7 14.2C368.7 14.2 365.2 22.2 365.2 38.2C365.2 55 368 62.2 374.6 62.2C379 62.2 383 59.1 387.2 52.3Z"
+  />
+  <path
+    d="M241.468 39.3C241.468 22.5 250.868 13.3 267.768 13.3C284.868 13.3 294.268 22.5 294.268 39.3C294.268 56.1 284.868 65.3 267.768 65.3C250.868 65.3 241.468 56.1 241.468 39.3ZM255.668 39.3C255.668 53.2 258.468 63.3 267.768 63.3C277.168 63.3 280.068 53.1 280.068 39.3C280.068 25.5 277.168 15.3 267.768 15.3C258.468 15.3 255.668 25.4 255.668 39.3Z"
+  />
+  <path
+    d="M181.884 62.8V64.3H154.484V62.8C159.484 62.5 161.784 58.9 161.784 51.4V30C161.784 24.9 157.5 15.5 154.484 17L154.5 14.3C158 14.3 163 14.3 173.584 14.3L175.484 14.7V22.2C181.184 16.9 187.784 13.3 192.784 13.3C199.084 13.3 203.984 17 205.184 22.5C210.884 17 217.684 13.3 222.784 13.3C230.084 13.3 235.484 18.3 235.484 25.2V51.5C235.484 59 237.784 62.5 242.884 62.8V64.3H215.484V62.8C220.284 62.5 221.784 59.3 221.784 51.4V27.3C221.784 23.2 219.684 19.6 215.684 19.6C213.084 19.6 209.284 21.7 205.484 25V51.5C205.484 59 207.284 62.5 212.384 62.8V64.3C207.484 64.3 190.384 64.3 185.484 64.3V62.8C190.284 62.5 191.784 59.3 191.784 51.4V27.3C191.784 23.2 189.684 19.6 185.684 19.6C183.084 19.6 179.284 21.7 175.484 25V51.5C175.484 59.3 176.984 62.5 181.884 62.8Z"
+  />
+  <path
+    d="M124.137 25.7L134.337 49.5L142.037 28.1C144.537 21.2 142.337 16.1 137.337 15.8V14.3H157L156 17C152.5 17.2 150.237 20.1 146.337 30.1L132.737 65C128.337 76.2 122.237 81.6 113.737 81.6C108.637 81.6 104.837 78.2 105.637 74.3C106.237 71.3 109.137 69.5 112.737 69.5C113.937 69.5 115.337 69.7 116.737 70.2C117.837 70.6 118.837 70.7 119.937 70.7C123.937 70.7 127 68.5 125.937 64.3L110.837 29.9C106.137 19.2 103.737 16 100.437 15.8V14.3H128.737V15.8C125.237 16 121.737 20.1 124.137 25.7Z"
+  />
+  <path
+    d="M87.2461 54V52C85.0461 60.9 79.4461 65.4 70.9461 65.4C62.6461 65.4 57.5461 60.9 57.5461 53.6C57.5461 44.4 67.4461 38.7 87.2461 36.3V27.2C87.2461 18.9 85.3461 14.7 81.5461 14.7C74.4461 14.7 75.7461 20.9 74.9461 26.6C74.5461 29.7 70.6461 32 66.5461 31.7C61.7461 31.3 59.2461 29 59.2461 24.8C59.2461 18.6 66.3461 13.3 80.2461 13.3C93.1461 13.3 100.946 19 100.946 28V53.3C100.946 56.4 101.646 57.8 103.546 57.8C105.446 57.8 108.446 55.5 108.446 51.1C108.246 60.8 104.646 65.3 97.2461 65.3C91.4461 65.3 87.2461 60.5 87.2461 54ZM87.2461 45.6V37.7C77.0461 41.6 71.6461 46.1 71.6461 52.3C71.6461 56.2 73.9461 58.8 77.2461 58.8C82.3461 58.8 87.2461 52.3 87.2461 45.6Z"
+  />
+  <path
+    d="M55 18.4C55 26.7 49.5 32 39.4 33.9C43.3 34.7 46.1 37 48.1 41L56.2 63.9C58 67.5 61 70.3 63 70.5C61 72.4 58.6 72.4 56.7 72.4C48.4 72.4 43.3 69.8 40.5 64.2L32.5 41.1C30.4 36.8 29.3 34.8 26.7 34.4C25.2 34.2 23.6 34.1 22 33.9V52.1C22 50.6 24.3 54.2 29.3 54.5V56H0V54.5C5 54.2 7.3 50.6 7.3 52.1V15.9C7.3 8.4 5 4.8 0 4.5V3.00001H20C23.3 2.7 28.2 2 30 2C46.1 2 55 7.7 55 18.4ZM22 6.1V30.6C24.4 31.8 27.3 32.5 28.6 32.5C37.1 32.5 39.8 26.6 39.8 18.4C39.8 10.2 37.1 4.2 28.6 4.2C27.3 4.2 24.4 4.9 22 6.1Z"
+  />
+</svg>