diff --git a/src/TaxBaik.Web/Pages/Shared/_AdminPageHeader.cshtml b/src/TaxBaik.Web/Pages/Shared/_AdminPageHeader.cshtml
index 7dedbb5..efd02ee 100644
--- a/src/TaxBaik.Web/Pages/Shared/_AdminPageHeader.cshtml
+++ b/src/TaxBaik.Web/Pages/Shared/_AdminPageHeader.cshtml
@@ -1,18 +1,18 @@
 @model TaxBaik.Web.Models.AdminPageHeaderModel
-<div class="page-header d-print-none mb-4">
+<div class="page-header d-print-none admin-page-header">
     <div class="row align-items-center g-2">
         <div class="col">
-            <div class="page-pretitle text-uppercase">@Model.Eyebrow</div>
-            <h2 class="page-title mb-1">@Model.Title</h2>
+            <div class="page-pretitle text-uppercase admin-page-header-eyebrow">@Model.Eyebrow</div>
+            <h2 class="page-title mb-1 admin-page-header-title">@Model.Title</h2>
             @if (!string.IsNullOrWhiteSpace(Model.Subtitle))
             {
-                <div class="text-muted small">@Model.Subtitle</div>
+                <div class="text-muted small admin-page-header-subtitle">@Model.Subtitle</div>
             }
         </div>
         @if (!string.IsNullOrWhiteSpace(Model.ActionHref) && !string.IsNullOrWhiteSpace(Model.ActionText))
         {
             <div class="col-auto ms-auto">
-                <a class="btn btn-primary btn-pill" href="@Model.ActionHref">@Model.ActionText</a>
+                <a class="btn btn-primary btn-sm btn-pill" href="@Model.ActionHref">@Model.ActionText</a>
             </div>
         }
     </div>
diff --git a/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml b/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml
index 02459a9..c787354 100644
--- a/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml
+++ b/src/TaxBaik.Web/Pages/Shared/_BlogEditor.cshtml
@@ -1,15 +1,15 @@
 @model TaxBaik.Web.Pages.Shared.BlogEditorModel
 
 <section class="admin-page-shell admin-editor-root blog-editor-shell" data-blog-editor-root>
-    <div class="page-header d-print-none mb-4">
+    <div class="page-header d-print-none admin-page-header blog-editor-header">
         <div class="row align-items-center">
             <div class="col">
-                <div class="page-pretitle">콘텐츠</div>
-                <h2 class="page-title">@(Model.IsEdit ? "블로그 수정" : "블로그 등록")</h2>
-                <p class="text-muted mb-0">@(Model.IsEdit ? "기존 글을 불러와 즉시 편집하고 미리볼 수 있습니다." : "에디터와 미리보기를 함께 제공하는 작성 화면입니다.")</p>
+                <div class="page-pretitle admin-page-header-eyebrow">콘텐츠</div>
+                <h2 class="page-title admin-page-header-title">@(Model.IsEdit ? "블로그 수정" : "블로그 등록")</h2>
+                <p class="text-muted mb-0 admin-page-header-subtitle">@(Model.IsEdit ? "기존 글을 불러와 즉시 편집하고 미리볼 수 있습니다." : "에디터와 미리보기를 함께 제공하는 작성 화면입니다.")</p>
             </div>
             <div class="col-auto ms-auto">
-                <span class="badge bg-blue-lt text-blue">실시간 미리보기</span>
+                <span class="badge bg-blue-lt text-blue badge-sm">실시간 미리보기</span>
             </div>
         </div>
     </div>
diff --git a/src/TaxBaik.Web/wwwroot/css/admin.css b/src/TaxBaik.Web/wwwroot/css/admin.css
index e35f411..5dff492 100644
--- a/src/TaxBaik.Web/wwwroot/css/admin.css
+++ b/src/TaxBaik.Web/wwwroot/css/admin.css
@@ -853,8 +853,8 @@ textarea:focus-visible {
   display: flex;
   align-items: center;
   gap: 12px;
-  padding: 0 14px;
-  min-height: 44px !important;
+  padding: 0 12px;
+  min-height: 40px !important;
   background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFE 100%);
   border-bottom: 1px solid var(--border-color);
   z-index: var(--z-dropdown);
@@ -900,7 +900,7 @@ textarea:focus-visible {
 }
 
 .admin-drawer {
-  width: 228px;
+  width: 208px;
   background-color: var(--bg-primary);
   border-right: 1px solid var(--border-color);
   display: flex;
@@ -914,7 +914,7 @@ textarea:focus-visible {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 10px 12px;
+  padding: 8px 10px;
   border-bottom: 1px solid var(--border-color-light);
 }
 
@@ -922,7 +922,7 @@ textarea:focus-visible {
   display: flex;
   flex-direction: column;
   gap: 2px;
-  padding: 10px 12px 8px;
+  padding: 8px 10px 6px;
   border-bottom: 1px solid var(--border-color-light);
   background: linear-gradient(180deg, rgba(37, 99, 235, 0.04), rgba(255, 255, 255, 0));
 }
@@ -956,21 +956,21 @@ textarea:focus-visible {
 }
 
 .admin-nav {
-  padding: 4px 0;
+  padding: 2px 0;
   flex: 1;
   overflow-y: auto;
 }
 
 .admin-nav .mud-nav-link,
 .admin-nav .mud-nav-group-header {
-  margin: 1px 6px !important;
+  margin: 1px 5px !important;
   border-radius: 6px !important;
   transition: all var(--transition-base) !important;
 }
 
 .admin-nav .mud-nav-link {
-  min-height: 32px;
-  font-size: 0.78rem;
+  min-height: 30px;
+  font-size: 0.76rem;
 }
 
 .admin-nav .mud-nav-link .mud-stack {
@@ -991,8 +991,8 @@ textarea:focus-visible {
 }
 
 .admin-nav .mud-nav-group-header {
-  min-height: 32px;
-  font-size: 0.78rem;
+  min-height: 30px;
+  font-size: 0.76rem;
 }
 
 .admin-nav .mud-nav-link:hover {
@@ -1235,7 +1235,26 @@ textarea:focus-visible {
 }
 
 .admin-page-shell .page-header {
-  margin-bottom: 0.75rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+.admin-page-header-eyebrow {
+  font-size: 0.68rem;
+  letter-spacing: 0.08em;
+}
+
+.admin-page-header-title {
+  font-size: 1.35rem;
+  line-height: 1.15;
+}
+
+.admin-page-header-subtitle {
+  font-size: 0.82rem;
+}
+
+.blog-editor-header .badge-sm {
+  font-size: 0.72rem;
+  padding: 0.35rem 0.55rem;
 }
 
 .admin-page-card {