diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index a078f8d..1fee354 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -1,3 +1,54 @@
+import Image from "next/image";
+
+import Logo from "../assets/icons/Logo.svg";
+
 export default function Home() {
-  return <div>This is Home</div>;
+  return (
+    <main className="bg-black text-white min-h-screen pt-6 pb-40 px-20">
+      <div>
+        <div className="flex flex-row gap-2">
+          <Image src={Logo} alt="Logo" width={40} height={40} />
+          <div className="font-semibold text-xl">Nebula</div>
+        </div>
+        <div className="flex flex-row justify-end items-end ml-auto text-right">
+          <button className="font-extralight text-lg ml-6">Login</button>
+          <button className="font-extralight text-lg ml-6">Start</button>
+          <button className="font-extralight text-lg ml-6">Start</button>
+          <button className="font-extralight text-lg ml-6 ">Start</button>
+        </div>
+      </div>
+      <div className="flex flex-row">
+        <div className="mt-60 mb-72">
+          <div className="font-bold text-9xl">Nebula</div>
+          <div className="font-bold text-7xl">Service</div>
+          <div className="w-[550px] mt-20 font-extralight">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          </div>
+        </div>
+        <div className="ml-auto mt-80 text-right">
+          <div className="font-mediumn text-xl">시작페이지</div>
+          <div className="font-extralight text-md mb-6">로그인을 할 수 있는 마이페이지 입니다</div>
+          <div className="font-mediumn text-xl">프로필</div>
+          <div className="font-extralight text-md">로그인을 할 수 있는 마이페이지 입니다</div>
+        </div>
+      </div>
+      <div className="w-full h-[532px] border border-zinc-600 rounded-md">
+        <div className="flex flex-row justify-between ml-10 mt-12 mb-20">
+          <div className="flex-grow">
+            <div className="font-bold text-7xl">Nebula</div>
+            <div className="font-bold text-7xl">Service</div>
+            <div className="w-[400px] mt-10 font-extralight">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+              incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+            </div>
+            <button className="w-[100px] h-[48px] bg-zinc-300 mt-20 rounded-sm">Play</button>
+          </div>
+          <div className="ml-auto text-right w-[810px] h-[432px] bg-zinc-800 mr-10"></div>
+        </div>
+      </div>
+    </main>
+  );
 }
diff --git a/apps/www/src/assets/icons/Logo.svg b/apps/www/src/assets/icons/Logo.svg
new file mode 100644
index 0000000..3d043e2
--- /dev/null
+++ b/apps/www/src/assets/icons/Logo.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="17" viewBox="0 0 32 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.87165 1.20485C11.6025 0.487904 13.4441 0.0809198 15.3123 0.0006168C15.6918 -0.0156994 16 0.293842 16 0.673778L16 7.30499C16 7.68492 15.6914 7.98985 15.3129 8.02246C14.4969 8.09274 13.695 8.28794 12.9358 8.60242C11.9644 9.00482 11.0817 9.59461 10.3381 10.3381C9.59461 11.0817 9.00482 11.9644 8.60242 12.9358C8.28794 13.695 8.09274 14.4969 8.02246 15.3129C7.98985 15.6914 7.68492 16 7.30499 16L0.673778 16C0.293842 16 -0.0156993 15.6918 0.000616796 15.3123C0.0809195 13.4441 0.487903 11.6025 1.20485 9.87165C2.00963 7.92872 3.18923 6.16333 4.67628 4.67628C6.16333 3.18923 7.92872 2.00963 9.87165 1.20485ZM22.1283 14.8864C20.3974 15.6034 18.5558 16.0103 16.6876 16.0906C16.3081 16.107 15.9999 15.7974 15.9999 15.4175V8.78627C15.9999 8.40634 16.3085 8.10141 16.687 8.06881C17.503 7.99852 18.3049 7.80332 19.0641 7.48884C20.0355 7.08644 20.9182 6.49665 21.6618 5.75312C22.4053 5.00959 22.9951 4.1269 23.3975 3.15544C23.712 2.39621 23.9072 1.59439 23.9774 0.778353C24.01 0.399819 24.315 0.09126 24.6949 0.0912599L31.3261 0.0912589C31.7061 0.0912589 32.0156 0.399412 31.9993 0.778998C31.919 2.6472 31.512 4.48875 30.7951 6.21961C29.9903 8.16254 28.8107 9.92793 27.3236 11.415C25.8366 12.902 24.0712 14.0816 22.1283 14.8864Z" fill="url(#paint0_linear_1_267)"/>
+<defs>
+<linearGradient id="paint0_linear_1_267" x1="-0.0162238" y1="-0.0162248" x2="32.0179" y2="16.1041" gradientUnits="userSpaceOnUse">
+<stop stop-color="#999999"/>
+<stop offset="1" stop-color="#111111"/>
+</linearGradient>
+</defs>
+</svg>