diff --git a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/app.css b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/app.css
index be07c3c8..74741102 100644
--- a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/app.css
+++ b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/app.css
@@ -56,6 +56,42 @@ article {
     color: red;
 }
 
+/* ── WASM Boot Loading Overlay ───────────────────────────────────────────── */
+/* Shown immediately on page load, removed once Blazor circuit connects.     */
+/* Prevents white/unstyled flash while WASM boots (~1-2s on first load).    */
+
+#sf-boot-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%);
+    transition: opacity 0.25s ease;
+    pointer-events: none;   /* don't block clicks once fading out */
+}
+
+.sf-boot-spinner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.25rem;
+}
+
+.sf-boot-ring {
+    width: 44px;
+    height: 44px;
+    border: 3px solid rgba(255, 255, 255, 0.2);
+    border-top-color: rgba(255, 255, 255, 0.85);
+    border-radius: 50%;
+    animation: sf-boot-spin 0.8s linear infinite;
+}
+
+@keyframes sf-boot-spin {
+    to { transform: rotate(360deg); }
+}
+
 #blazor-error-ui {
     background: lightyellow;
     bottom: 0;
@@ -333,6 +369,24 @@ article {
     font-weight: 500;
 }
 
+/* ── Logos ───────────────────────────────────────────────────────────────── */
+/* Heights are controlled by inline style="height: Xpx" from appsettings.json */
+
+.signflow-app-logo {
+    width: auto;
+    object-fit: contain;
+    display: block;
+    flex-shrink: 0;
+}
+
+.signflow-company-logo {
+    width: auto;
+    object-fit: contain;
+    display: block;
+    opacity: 0.88;
+    flex-shrink: 0;
+}
+
 /* ── Footer ──────────────────────────────────────────────────────────────── */
 .receiver-footer {
     position: fixed;
diff --git a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/DD_signFLOW_LOGO.png b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/DD_signFLOW_LOGO.png
new file mode 100644
index 00000000..3915f137
Binary files /dev/null and b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/DD_signFLOW_LOGO.png differ
diff --git a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/digital_data.svg b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/digital_data.svg
new file mode 100644
index 00000000..671d90de
--- /dev/null
+++ b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/img/digital_data.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 850 121.32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #a52431;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M83.01,60.66c0-35.12-12.77-57.47-41.51-57.47H0v114.94h39.91c30.33,0,43.1-20.75,43.1-57.47M49.49,60.66c0,19.16-1.6,28.73-15.96,28.73V31.93c14.37,0,15.96,12.77,15.96,28.73M126.11,3.19h-33.52v114.94h33.52V3.19ZM223.49,97.38v-46.29h-39.91l-1.6,23.95h12.77v9.58c-3.19,4.79-6.39,7.98-12.77,7.98-7.98,0-12.77-11.17-12.77-31.93s4.79-31.93,12.77-31.93c6.86,0,11.33,5.75,12.77,14.37l28.73-6.39C218.7,15.96,207.52,0,181.98,0c-33.52,0-46.29,28.73-46.29,60.66s12.77,60.66,46.29,60.66c17.56,0,31.93-7.98,41.51-23.94M268.18,3.19h-33.52v114.94h33.52V3.19ZM346.4,31.93l-3.19-28.74h-65.45l-3.19,28.74h19.16v86.2h33.52V31.93h19.16ZM427.81,118.13L399.07,3.19h-31.93l-28.73,114.94h35.12l1.6-14.37h15.96l1.6,14.37h35.12ZM387.58,76.62h-8.94l3.51-28.74c.32-3.19.64-6.38.8-9.58h.32c.16,3.19.48,6.38.8,9.58l3.51,28.74ZM493.26,89.4h-25.54V3.19h-33.52v114.94h55.87l3.19-28.74ZM614.58,60.66c0-35.12-12.77-57.47-41.51-57.47h-41.51v114.94h39.91c30.33,0,43.1-20.75,43.1-57.47M581.05,60.66c0,19.16-1.6,28.73-15.96,28.73V31.93c14.37,0,15.96,12.77,15.96,28.73M704.75,118.13l-28.73-114.94h-31.93l-28.74,114.94h35.12l1.6-14.37h15.96l1.6,14.37h35.12ZM664.52,76.62h-8.94l3.51-28.74c.32-3.19.64-6.38.8-9.58h.32c.16,3.19.48,6.38.8,9.58l3.51,28.74ZM768.59,31.93l-3.19-28.74h-65.45l-3.19,28.74h19.16v86.2h33.52V31.93h19.16ZM850,118.13l-28.73-114.94h-31.93l-28.73,114.94h35.12l1.6-14.37h15.96l1.6,14.37h35.12ZM809.77,76.62h-8.94l3.51-28.74c.32-3.19.64-6.38.8-9.58h.32c.16,3.19.48,6.38.8,9.58l3.51,28.74Z"/>
+</svg>
\ No newline at end of file