sktelecom · haksungjang · Jun 12, 2026 · Jun 12, 2026
diff --git a/docker/web/frontend/public/logo.svg b/docker/web/frontend/public/logo.svg
diff --git a/docker/web/frontend/src/components/Header.tsx b/docker/web/frontend/src/components/Header.tsx
@@ -1,30 +1,15 @@
-import { Aperture } from "lucide-react";
-import { useTranslation } from "react-i18next";
-
 import { LangToggle } from "./LangToggle";
 import { ThemeToggle } from "./ThemeToggle";
 
 export function Header() {
-  const { t } = useTranslation();
   return (
     <header className="sticky top-0 z-20 border-b bg-card/80 backdrop-blur supports-[backdrop-filter]:bg-card/60">
       <div className="container flex h-16 items-center justify-between gap-4">
-        <div className="flex min-w-0 items-center gap-3">
-          <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground shadow-sm">
-            <Aperture className="h-5 w-5" />
-          </div>
-          <div className="min-w-0">
-            <h1 className="flex items-center gap-2 truncate text-base font-semibold leading-tight">
-              {t("appTitle")}
-              <span className="shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
-                SBOM Generator
-              </span>
-            </h1>
-            <p className="truncate text-xs text-muted-foreground">
-              {t("subtitle")}
-            </p>
-          </div>
-        </div>
+        <img
+          src="/logo.svg"
+          alt="BomLens — an SBOM generator"
+          className="h-9 w-auto shrink-0"
+        />
         <div className="flex shrink-0 items-center gap-2">
           <LangToggle />
           <ThemeToggle />

diff --git a/docs/index.en.md b/docs/index.en.md
@@ -1,9 +1,10 @@
 ---
+title: BomLens
 hide:
   - toc
 ---
 
-# BomLens
+![BomLens — an SBOM generator](images/logo.svg){ width="300" }
 
 A local-first SBOM generator and open-source risk assessor for a single project — no SaaS, no account. From source code, a container image, a binary, or an SBOM you received, it produces an SBOM (CycloneDX 1.6), an open-source notice, and a security risk report in one run.
 

diff --git a/docs/index.md b/docs/index.md
@@ -1,9 +1,10 @@
 ---
+title: BomLens
 hide:
   - toc
 ---
 
-# BomLens
+![BomLens — an SBOM generator](images/logo.svg){ width="300" }
 
 SaaS 없이 로컬에서 단일 프로젝트의 SBOM(CycloneDX 1.6)을 생성하고 오픈소스 리스크를 평가하는 도구입니다. 소스 코드나 컨테이너 이미지, 바이너리, 받은 SBOM에서 SBOM과 오픈소스 고지문, 보안 위험 보고서를 한 번에 만듭니다.
 

diff --git a/electron/assets/logo.svg b/electron/assets/logo.svg
diff --git a/electron/assets/status.html b/electron/assets/status.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>SBOM Generator</title>
+    <title>BomLens</title>
     <style>
       :root {
         color-scheme: dark;
@@ -53,7 +53,7 @@
   </head>
   <body>
     <header>
-      <h1>SBOM Generator</h1>
+      <img src="logo.svg" alt="BomLens — SBOM Generator" style="height: 40px; width: auto; display: block" />
       <p id="subtitle"></p>
     </header>
     <div id="log" aria-live="polite"></div>