diff --git a/src/app/(auth)/signup/page.tsx b/src/app/(auth)/signup/page.tsx
index dcdab87..575ca43 100644
--- a/src/app/(auth)/signup/page.tsx
+++ b/src/app/(auth)/signup/page.tsx
@@ -1,3 +1,6 @@
+import { AuthHeader } from "@/components/auth/AuthHeader";
+import { SignupPageTitle } from "@/components/auth/signup/SignupPageTitle";
+import { SignupSubtitle } from "@/components/auth/signup/SignupSubTitle";
 import { makePageMetadata } from "@/seo/metadata";
 
 export const metadata = {
@@ -10,5 +13,12 @@ export const metadata = {
 };
 
 export default function SignupPage() {
-  return <div>회원가입 페이지</div>;
+  return (
+    <>
+      <AuthHeader>
+        <SignupPageTitle />
+        <SignupSubtitle />
+      </AuthHeader>
+    </>
+  );
 }
diff --git a/src/components/SiginupGroupButton.tsx b/src/components/auth/signup/SignupGroupButton.tsx
similarity index 96%
rename from src/components/SiginupGroupButton.tsx
rename to src/components/auth/signup/SignupGroupButton.tsx
index 78025a2..bdb4b1b 100644
--- a/src/components/SiginupGroupButton.tsx
+++ b/src/components/auth/signup/SignupGroupButton.tsx
@@ -3,9 +3,9 @@
 import { SIGNUP_BTNS } from "@/lib/constants";
 import { cn } from "@/lib/utils";
 import { Button } from "@/shared/button";
+import { Icon } from "@/shared/Icon";
 import Image from "next/image";
 import * as React from "react";
-import { Icon } from "../shared/Icon";
 
 interface Props {
   className?: string;
diff --git a/src/components/auth/signup/SignupPageTitle.tsx b/src/components/auth/signup/SignupPageTitle.tsx
new file mode 100644
index 0000000..6e84dc0
--- /dev/null
+++ b/src/components/auth/signup/SignupPageTitle.tsx
@@ -0,0 +1,7 @@
+export function SignupPageTitle() {
+  return (
+    <h1 id="auth-login-title" className="t-24-b text-[var(--color-gray-900)]">
+      회원가입
+    </h1>
+  );
+}
diff --git a/src/components/auth/signup/SignupSubTitle.tsx b/src/components/auth/signup/SignupSubTitle.tsx
new file mode 100644
index 0000000..2263fef
--- /dev/null
+++ b/src/components/auth/signup/SignupSubTitle.tsx
@@ -0,0 +1,3 @@
+export function SignupSubtitle() {
+  return <p className="t-14-m text-[var(--color-gray-600)]">원하시는 가입 방식을 선택해주세요.</p>;
+}
diff --git a/src/types/button.ts b/src/types/button.ts
index 6b298b5..28d7a9c 100644
--- a/src/types/button.ts
+++ b/src/types/button.ts
@@ -27,9 +27,9 @@ export type HeroProps = BaseButtonProps & {
 export type FeatureProps = BaseButtonProps & {
   preset: "feature";
   size?: Size;
+  disabled?: boolean;
   // 금지
   bg?: never;
-  disabled?: never;
 };
 
 /** auth 전용 */