diff --git a/assets/css/style.css b/assets/css/style.css
index d33f731..3452835 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -103,6 +103,21 @@ body {
     font-weight: 600;
     letter-spacing: 0.5px;
 }
+.app-preloader-logo {
+    height: 120px;
+    width: auto;
+    object-fit: contain;
+    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
+}
+.header-logo-icon {
+    height: 28px;
+    width: auto;
+    object-fit: contain;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 4px;
+    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.3));
+}
 
 .header-content {
     display: flex;
diff --git a/assets/img/logo/logo.png b/assets/img/logo/logo.png
new file mode 100644
index 0000000..ad19c75
Binary files /dev/null and b/assets/img/logo/logo.png differ
diff --git a/assets/img/logo/logo_icon.png b/assets/img/logo/logo_icon.png
new file mode 100644
index 0000000..5417102
Binary files /dev/null and b/assets/img/logo/logo_icon.png differ
diff --git a/assets/img/logo/logo_preloader.png b/assets/img/logo/logo_preloader.png
new file mode 100644
index 0000000..526f2be
Binary files /dev/null and b/assets/img/logo/logo_preloader.png differ
diff --git a/evershelf-kiosk/app/src/main/res/drawable-hdpi/ic_logo.png b/evershelf-kiosk/app/src/main/res/drawable-hdpi/ic_logo.png
new file mode 100644
index 0000000..0b65f5d
Binary files /dev/null and b/evershelf-kiosk/app/src/main/res/drawable-hdpi/ic_logo.png differ
diff --git a/evershelf-kiosk/app/src/main/res/drawable-mdpi/ic_logo.png b/evershelf-kiosk/app/src/main/res/drawable-mdpi/ic_logo.png
new file mode 100644
index 0000000..8fcc2d7
Binary files /dev/null and b/evershelf-kiosk/app/src/main/res/drawable-mdpi/ic_logo.png differ
diff --git a/evershelf-kiosk/app/src/main/res/drawable-xhdpi/ic_logo.png b/evershelf-kiosk/app/src/main/res/drawable-xhdpi/ic_logo.png
new file mode 100644
index 0000000..b593ef5
Binary files /dev/null and b/evershelf-kiosk/app/src/main/res/drawable-xhdpi/ic_logo.png differ
diff --git a/evershelf-kiosk/app/src/main/res/drawable-xxhdpi/ic_logo.png b/evershelf-kiosk/app/src/main/res/drawable-xxhdpi/ic_logo.png
new file mode 100644
index 0000000..9a72f58
Binary files /dev/null and b/evershelf-kiosk/app/src/main/res/drawable-xxhdpi/ic_logo.png differ
diff --git a/evershelf-kiosk/app/src/main/res/drawable-xxxhdpi/ic_logo.png b/evershelf-kiosk/app/src/main/res/drawable-xxxhdpi/ic_logo.png
new file mode 100644
index 0000000..9a72f58
Binary files /dev/null and b/evershelf-kiosk/app/src/main/res/drawable-xxxhdpi/ic_logo.png differ
diff --git a/evershelf-kiosk/app/src/main/res/layout/activity_kiosk.xml b/evershelf-kiosk/app/src/main/res/layout/activity_kiosk.xml
index d8ccf4b..8a3f05b 100644
--- a/evershelf-kiosk/app/src/main/res/layout/activity_kiosk.xml
+++ b/evershelf-kiosk/app/src/main/res/layout/activity_kiosk.xml
@@ -14,20 +14,13 @@
         android:visibility="visible">
 
         <ImageView
-            android:layout_width="120dp"
-            android:layout_height="120dp"
-            android:src="@drawable/ic_launcher_foreground"
-            android:layout_marginBottom="24dp"
-            android:contentDescription="EverShelf" />
-
-        <TextView
-            android:layout_width="wrap_content"
+            android:layout_width="260dp"
             android:layout_height="wrap_content"
-            android:text="EverShelf"
-            android:textColor="#f1f5f9"
-            android:textSize="32sp"
-            android:textStyle="bold"
-            android:layout_marginBottom="8dp" />
+            android:src="@drawable/ic_logo"
+            android:adjustViewBounds="true"
+            android:scaleType="fitCenter"
+            android:layout_marginBottom="16dp"
+            android:contentDescription="EverShelf" />
 
         <TextView
             android:layout_width="wrap_content"
diff --git a/index.html b/index.html
index 1d49a27..bc7c1f8 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
 <div id="app-preloader" aria-hidden="true">
     <div class="app-preloader-inner">
         <div class="app-preloader-spinner"></div>
-        <span class="app-preloader-label">🏠 EverShelf</span>
+        <img src="assets/img/logo/logo.png" alt="EverShelf" class="app-preloader-logo" />
     </div>
 </div>
 
@@ -67,7 +67,7 @@
         <!-- Title — left-aligned; grows to fill space -->
         <div class="header-title-wrap">
             <h1 class="header-title" onclick="showPage('dashboard')">
-                <span data-i18n="nav.title">🏠 EverShelf</span><span class="header-version">v1.7.1</span>
+                <img src="assets/img/logo/logo_icon.png" alt="" class="header-logo-icon" aria-hidden="true" /><span data-i18n="nav.title">EverShelf</span><span class="header-version">v1.7.1</span>
             </h1>
             <!-- Update badge — shown alongside title, never replaces it -->
             <span class="header-update-badge" id="header-update-badge" style="display:none"></span>