diff --git a/package.json b/package.json
index 39fcad25..918fdcb6 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.51.4",
+    "react-icons": "^5.2.1",
     "react-router-dom": "^6.23.1",
     "zustand": "^4.5.2"
   },
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 00000000..348b4414
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="72" viewBox="0 0 80 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.8228 22.1189C31.7646 20.5821 28.8648 19.8137 25.1234 19.8137C21.318 19.8137 17.9792 20.701 15.1068 22.4665C12.2344 24.232 10.2586 26.1896 9.17914 28.3119C8.09972 30.4341 6.93798 33.8462 5.67561 38.5389L1.76043 53.1476C0.854812 56.5323 0.296808 59.0661 0.0864123 60.7585C-0.123983 62.4508 0.0498218 64.0607 0.607827 65.5975C1.16583 67.1343 2.24525 68.4242 3.83694 69.467C5.42862 70.5098 7.30388 71.0312 9.45357 71.0312C11.2557 71.0312 12.9205 70.6562 14.4573 69.8969C15.985 69.1377 17.3937 68.0034 18.6652 66.4849L18.9031 70.0067H26.9347L34.0058 43.6158H19.0494L17.0461 51.0894H19.6257L18.0615 56.9165C17.4486 59.2034 16.8723 60.7402 16.3234 61.536C15.7746 62.3318 15.0428 62.716 14.1097 62.716C13.259 62.716 12.7833 62.3684 12.6918 61.6641C12.5912 60.9689 12.8473 59.5144 13.4328 57.3098L19.7538 33.7181C20.4307 31.2117 20.9887 29.6474 21.4278 29.0437C21.876 28.4399 22.4889 28.1289 23.2848 28.1289C24.1995 28.1289 24.6752 28.4857 24.7301 29.19C24.785 29.8944 24.4282 31.6599 23.6781 34.4774L22.4798 38.9414H35.259L35.8262 36.8191C36.9056 32.7942 37.3538 29.7206 37.1709 27.6075C36.9971 25.4852 35.881 23.6557 33.8228 22.1189Z" fill="white"/>
+<path d="M79.9999 9.46779L73.066 0L61.0552 9.46779H64.3849L51.6331 57.0628C50.9745 59.5144 50.4439 61.0695 50.0323 61.7281C49.6207 62.3868 49.0169 62.7161 48.2028 62.7161C47.4893 62.7161 47.1051 62.4142 47.0319 61.8196C46.9587 61.225 47.2057 59.8529 47.782 57.7032L57.6614 20.8383H44.8822L37.0884 49.9277C35.6065 55.4712 34.7283 59.1119 34.4631 60.8408C34.1978 62.5697 34.4173 64.2163 35.1125 65.7714C35.8078 67.3265 37.1525 68.598 39.1375 69.5676C41.1225 70.5373 43.5832 71.0221 46.5196 71.0221C49.1724 71.0221 51.5874 70.6105 53.7554 69.7963C55.9325 68.973 57.8261 67.7747 59.4452 66.183C61.0643 64.5913 62.1986 63.0454 62.8481 61.536C63.4976 60.0267 64.3209 57.4105 65.318 53.6874L77.1641 9.45864H79.9999V9.46779Z" fill="white"/>
+</svg>
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
new file mode 100644
index 00000000..e229fb2d
--- /dev/null
+++ b/src/components/common/Header.tsx
@@ -0,0 +1,30 @@
+import { Link, NavLink } from 'react-router-dom';
+import logo from '@assets/logo.svg';
+import { FaUserCircle } from 'react-icons/fa';
+import { FiHome } from 'react-icons/fi';
+
+export default function Header() {
+  // ToDo: 로그인 기능 구현 후, 로그아웃 로직 연결하기
+  // ToDo: 유저 정보를 토대로 응원 아이디 변경하기
+  return (
+    <header className="flex h-header items-center justify-between bg-main px-15">
+      <div>
+        <Link to="/" className="hover:brightness-90">
+          <img className="size-30 select-none" src={logo} alt="GrowUp Logo" />
+        </Link>
+      </div>
+      <nav className="flex items-center">
+        <div className="tracking-tight text-white">User 님의 Grow Up! 응원합니다.</div>
+        <NavLink to="/" className="ml-10 hover:brightness-90">
+          {({ isActive }) => <FiHome className={`size-20 ${isActive ? 'text-selected' : 'text-white'}`} />}
+        </NavLink>
+        <NavLink to="/setting/user" className="ml-10 hover:brightness-90">
+          {({ isActive }) => <FaUserCircle className={`size-20 ${isActive ? 'text-selected' : 'text-white'}`} />}
+        </NavLink>
+        <button type="button" className="ml-10 h-20 rounded-md bg-white px-4 tracking-tight hover:brightness-90">
+          Logout
+        </button>
+      </nav>
+    </header>
+  );
+}
diff --git a/src/globals.css b/src/globals.css
index b87074e1..ba7dc3fe 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -54,7 +54,7 @@
 
     /* text color */
     --text-color-default: #2c2c2c;
-    --text-color-bold: #5e5e5e;
+    --text-color-emphasis: #5e5e5e;
     --text-color-error: #be0000;
     --text-color-blue: #0909e7;
 
diff --git a/src/layouts/DefaultLayout.tsx b/src/layouts/DefaultLayout.tsx
index 99ca7bc1..5de02882 100644
--- a/src/layouts/DefaultLayout.tsx
+++ b/src/layouts/DefaultLayout.tsx
@@ -1,9 +1,10 @@
 import { Outlet } from 'react-router-dom';
+import Header from '@/components/common/Header';
 
 export default function DefaultLayout() {
   return (
     <>
-      <h3>Default Layout</h3>
+      <Header />
       <Outlet />
     </>
   );
diff --git a/tailwind.config.js b/tailwind.config.js
index 6d7b30c0..b897e147 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,7 +23,7 @@ export default {
       },
       fontSize: {
         regular: 'var(--font-size-regular)',
-        bold: 'var(--font-size-bold)',
+        large: 'var(--font-size-large)',
         404: 'var(--font-size-404)',
       },
       fontWeight: {
@@ -41,7 +41,7 @@ export default {
       },
       textColor: {
         default: 'var(--text-color-default)',
-        bold: 'var(--text-color-bold)',
+        emphasis: 'var(--text-color-emphasis)',
         error: 'var(--text-color-error)',
         blue: 'var(--text-color-blue)',
       },
diff --git a/yarn.lock b/yarn.lock
index 026c68cb..1d6a3404 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3538,6 +3538,11 @@ react-hook-form@^7.51.4:
   resolved "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.4.tgz"
   integrity sha512-V14i8SEkh+V1gs6YtD0hdHYnoL4tp/HX/A45wWQN15CYr9bFRmmRdYStSO5L65lCCZRF+kYiSKhm9alqbcdiVA==
 
+react-icons@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-5.2.1.tgz#28c2040917b2a2eda639b0f797bff1888e018e4a"
+  integrity sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"