diff --git a/.jules/palette.md b/.jules/palette.md
index 7b223901..72b7bf54 100644
--- a/.jules/palette.md
+++ b/.jules/palette.md
@@ -52,3 +52,6 @@
 ## 2024-07-13 - 빈 디렉토리 상태의 접근성(Accessibility) 개선
 **Learning:** 정적 파일 서버의 빈 디렉토리 상태는 스크린 리더 사용자에게 컨텐츠 누락으로 오해받을 수 있으며, 시각적으로도 일반 리스트 아이템과 정렬이 맞지 않는 문제가 있었습니다.
 **Action:** 빈 상태를 나타내는 요소에 `role="status"`를 추가하여 스크린 리더가 명확하게 인지할 수 있도록 하고, 아이콘과 flex 레이아웃을 통해 다른 리스트 아이템과 일관된 시각적 흐름을 제공하도록 합니다.
+## 2026-08-03 - 빈 디렉토리 상태의 시각적 명확성 개선
+**Learning:** 빈 상태(Empty State)를 단순한 텍스트로 두면 오류로 오인되거나 인지하기 어려움. 명확한 테두리와 여백, 배경색을 추가하면 사용자가 의도된 '빈 상태'임을 명확히 인지할 수 있음.
+**Action:** 향후 빈 상태 UI 구현 시 점선 테두리(dashed border)와 중앙 정렬을 활용하여 의도된 공백 공간임을 시각적으로 강조할 것.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 29eef0c4..03c5fa04 100644
--- a/src/main/kotlin/html4tree/main.kt
+++ b/src/main/kotlin/html4tree/main.kt
@@ -290,6 +290,17 @@ fun process_dir(curr_dir: File, excludeSet: Set<String>? = null, dirFiles: Array
                   transition: none;
                 }
               }
+              .empty-dir {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                gap: 0.5rem;
+                padding: 2rem;
+                background-color: #f6f8fa;
+                border: 1px dashed #d0d7de;
+                border-radius: 6px;
+                color: #57606a;
+              }
               @media (prefers-color-scheme: dark) {
                 body {
                   background-color: #0d1117;
@@ -302,14 +313,11 @@ fun process_dir(curr_dir: File, excludeSet: Set<String>? = null, dirFiles: Array
                   background-color: #161b22;
                   outline-color: #58a6ff;
                 }
-              }
-              .empty-dir {
-                display: flex;
-                align-items: flex-start;
-                gap: 0.5rem;
-                padding: 0.5rem;
-                opacity: 0.7;
-                font-style: italic;
+                .empty-dir {
+                  background-color: #161b22;
+                  border-color: #30363d;
+                  color: #8b949e;
+                }
               }
               """