diff --git a/front/src/pages/LoginPage.tsx b/front/src/pages/LoginPage.tsx
index 79a2514..8543179 100644
--- a/front/src/pages/LoginPage.tsx
+++ b/front/src/pages/LoginPage.tsx
@@ -1,5 +1,21 @@
+import { Logo } from '@/components'
+import { LoginForm } from '@/features/auth'
+
 export function LoginPage() {
-  return <main className="min-h-svh" />
+  return (
+    <main className="flex min-h-svh w-full items-center justify-center px-6">
+      <div className="flex w-full max-w-100 flex-col items-center gap-10">
+        <header className="flex flex-col items-center justify-center gap-4">
+          <Logo size="md" />
+          <h1 className="text-2xl font-bold leading-[30px] tracking-[-0.48px]">
+            로그인
+          </h1>
+        </header>
+
+        <LoginForm />
+      </div>
+    </main>
+  )
 }
 
 export default LoginPage