diff --git a/src/main/resources/templates/production.html b/src/main/resources/templates/production.html
index d467f29..0e6ca58 100644
--- a/src/main/resources/templates/production.html
+++ b/src/main/resources/templates/production.html
@@ -4,12 +4,12 @@
 
 <body>
     <div layout:fragment="content">
-        <header class="mb-4 flex items-center justify-between">
+        <div class="page-header">
             <div>
-                <h1 class="text-xl font-bold mb-2">Production</h1>
-                <p class="text-muted">Manage video production and rankings.</p>
+                <h1>프로덕션</h1>
+                <p class="sub">n8n 크롤 랭킹 스냅샷을 가져와 영상 제작에 활용합니다.</p>
             </div>
-        </header>
+        </div>
 
         <div class="card mb-4">
             <button id="fetchRankingsBtn" class="btn btn-primary">
@@ -18,14 +18,14 @@
         </div>
 
         <div class="card p-0" style="overflow-x: auto;">
-            <h3 class="p-4 text-lg font-bold border-b border-[var(--glass-border)]">Crawl History</h3>
+            <h3 class="p-4 text-lg font-bold" style="border-bottom:1px solid var(--border);">크롤 이력</h3>
             <table class="w-full" style="border-collapse: collapse; text-align: left;">
-                <thead style="background: var(--surface-2); border-bottom: 1px solid var(--glass-border);">
+                <thead>
                     <tr>
-                        <th class="p-4 text-sm font-bold text-muted">ID</th>
-                        <th class="p-4 text-sm font-bold text-muted">Crawled Date</th>
-                        <th class="p-4 text-sm font-bold text-muted">Top N</th>
-                        <th class="p-4 text-sm font-bold text-muted">Videos Count</th>
+                        <th class="p-4">ID</th>
+                        <th class="p-4">크롤 일시</th>
+                        <th class="p-4">Top N</th>
+                        <th class="p-4">영상 수</th>
                     </tr>
                 </thead>
                 <tbody>
