From f93eac9ce5e707a61a14629805fa19fddf9d0058 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Sat, 23 May 2026 23:36:11 +0900
Subject: [PATCH] =?UTF-8?q?design:=20DBX=20=EB=A1=9C=EA=B3=A0=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EC=A0=81=EC=9A=A9=20(=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=9D=B8=C2=B7=EC=A0=91=EA=B7=BC=EA=B1=B0=EB=B6=80=C2=B7?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=ED=97=A4=EB=8D=94)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- dbx-logo.png를 app/static에 추가
- login.html / denied.html 브랜드 패널 SVG 아이콘 → 로고 이미지로 교체
- main.html 헤더 SVG 아이콘 → 로고 이미지로 교체
- styles.css에 .brand-logo-img / .header-logo-img 스타일 추가

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/dbx-logo.png   | Bin 0 -> 5801 bytes
 app/static/styles.css     |  13 +++++++++++++
 app/templates/denied.html |  11 +----------
 app/templates/login.html  |  11 +----------
 app/templates/main.html   |  15 ++-------------
 5 files changed, 17 insertions(+), 33 deletions(-)
 create mode 100644 app/static/dbx-logo.png

diff --git a/app/static/dbx-logo.png b/app/static/dbx-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e70717a78b7096dbf24123ad28cbe4cf8738f0e7
GIT binary patch
literal 5801
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
U;20wjxO-+ZHn7kq+;fTjAAylWO#lD@

literal 0
HcmV?d00001

diff --git a/app/static/styles.css b/app/static/styles.css
index 30d3870..573be34 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -87,6 +87,12 @@ a { color: inherit; text-decoration: none; }
 
 .brand-logo-mark svg { color: #fff; }
 
+.brand-logo-img {
+  height: 44px;
+  width: auto;
+  object-fit: contain;
+}
+
 .brand-name {
   font-size: 22px;
   font-weight: 700;
@@ -321,6 +327,13 @@ a { color: inherit; text-decoration: none; }
 
 .header-logo-mark svg { color: #fff; }
 
+.header-logo-img {
+  height: 32px;
+  width: auto;
+  object-fit: contain;
+  flex-shrink: 0;
+}
+
 .header-brand-text {
   display: flex;
   flex-direction: column;
diff --git a/app/templates/denied.html b/app/templates/denied.html
index 5db9994..d91da9b 100644
--- a/app/templates/denied.html
+++ b/app/templates/denied.html
@@ -23,16 +23,7 @@
         </div>
 
         <div class="brand-logo">
-          <div class="brand-logo-mark">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                 stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-              <rect x="3" y="3" width="7" height="7" rx="1"/>
-              <rect x="14" y="3" width="7" height="7" rx="1"/>
-              <rect x="3" y="14" width="7" height="7" rx="1"/>
-              <rect x="14" y="14" width="7" height="7" rx="1"/>
-            </svg>
-          </div>
-          <span class="brand-name">DBX Corporation</span>
+          <img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
         </div>
 
         <div class="brand-body">
diff --git a/app/templates/login.html b/app/templates/login.html
index a5865f0..f2f1f63 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -23,16 +23,7 @@
         </div>
 
         <div class="brand-logo">
-          <div class="brand-logo-mark">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                 stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-              <rect x="3" y="3" width="7" height="7" rx="1"/>
-              <rect x="14" y="3" width="7" height="7" rx="1"/>
-              <rect x="3" y="14" width="7" height="7" rx="1"/>
-              <rect x="14" y="14" width="7" height="7" rx="1"/>
-            </svg>
-          </div>
-          <span class="brand-name">DBX Corporation</span>
+          <img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
         </div>
 
         <div class="brand-body">
diff --git a/app/templates/main.html b/app/templates/main.html
index 18b931a..ec30fb7 100644
--- a/app/templates/main.html
+++ b/app/templates/main.html
@@ -11,19 +11,8 @@
     <!-- ── 헤더 ── -->
     <header class="header">
       <div class="header-brand">
-        <div class="header-logo-mark">
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
-               stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-            <rect x="3" y="3" width="7" height="7" rx="1"/>
-            <rect x="14" y="3" width="7" height="7" rx="1"/>
-            <rect x="3" y="14" width="7" height="7" rx="1"/>
-            <rect x="14" y="14" width="7" height="7" rx="1"/>
-          </svg>
-        </div>
-        <div class="header-brand-text">
-          <span class="header-company">DBX Corporation</span>
-          <span class="header-portal">업무 포털</span>
-        </div>
+        <img src="/static/dbx-logo.png" alt="DBX Corporation" class="header-logo-img" />
+        <span class="header-portal">업무 포털</span>
       </div>
 
       <div class="header-user">