feat(ui): use kite emoji as logo/favicon and set page title

GeneralJerel · GeneralJerel · commit 2b78e17f3424 · 2026-03-24T07:32:46.000-07:00
- Replace layers SVG icon with 🪁 kite emoji in header
- Add inline SVG emoji favicon, remove old favicon.ico
- Set browser tab title to "Open Generative UI"
diff --git a/apps/app/src/app/favicon.ico b/apps/app/src/app/favicon.ico
diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx
@@ -10,6 +10,8 @@ export default function RootLayout({children}: Readonly<{ children: React.ReactN
   return (
     <html lang="en">
       <head>
+        <title>Open Generative UI</title>
+        <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🪁</text></svg>" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
         <link
diff --git a/apps/app/src/app/page.tsx b/apps/app/src/app/page.tsx
@@ -47,16 +47,12 @@ export default function HomePage() {
             <div className="flex items-center justify-between gap-4 px-5 py-3">
               <div className="flex items-center gap-3 min-w-0 flex-1">
                 <div
-                  className="flex items-center justify-center shrink-0 w-9 h-9 rounded-lg text-white"
+                  className="flex items-center justify-center shrink-0 w-9 h-9 rounded-lg"
                   style={{
-                    background: "linear-gradient(135deg, var(--color-lilac), var(--color-mint))",
+                    background: "linear-gradient(135deg, rgba(190,194,255,0.15), rgba(133,224,206,0.12))",
                   }}
                 >
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-                    <path d="M12 2L2 7l10 5 10-5-10-5z" />
-                    <path d="M2 17l10 5 10-5" />
-                    <path d="M2 12l10 5 10-5" />
-                  </svg>
+                  <span className="text-xl leading-none" role="img" aria-label="CopilotKit">🪁</span>
                 </div>
                 <p className="text-base font-semibold m-0 leading-snug" style={{ color: "var(--text-primary)" }}>
                   Open Generative UI
