From a2cabb550fff24fe6d6505c5de9a0bda7d2fc844 Mon Sep 17 00:00:00 2001
From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com>
Date: Fri, 13 Feb 2026 14:56:16 +0800
Subject: [PATCH] refactor(ui): unify login page styling across web and desktop

- Use bordered icon with consistent size on both platforms
- Adjust font size to match icon proportions
- Simplify desktop tagline for cleaner presentation
- Streamline web login header to [icon] Sign In format

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/desktop/src/renderer/src/pages/login.tsx |  9 ++++-----
 apps/web/app/login/login-form.tsx             | 11 ++++-------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/desktop/src/renderer/src/pages/login.tsx b/apps/desktop/src/renderer/src/pages/login.tsx
index a1ac0b6a..3c4bb428 100644
--- a/apps/desktop/src/renderer/src/pages/login.tsx
+++ b/apps/desktop/src/renderer/src/pages/login.tsx
@@ -33,15 +33,14 @@ export default function LoginPage() {
     <div className="flex h-screen flex-col items-center justify-center bg-background p-8 animate-in fade-in duration-300">
       <div className="w-full max-w-sm flex flex-col items-center text-center space-y-6">
         {/* Brand */}
-        <div className="flex items-center gap-2.5">
-          <MulticaIcon animate className="size-5 text-muted-foreground/70" />
-          <h1 className="text-2xl tracking-wide font-brand">Multica</h1>
+        <div className="flex items-center gap-2">
+          <MulticaIcon bordered animate size="md" />
+          <h1 className="text-lg tracking-wide font-brand">Multica</h1>
         </div>
 
         {/* Tagline */}
         <p className="text-sm text-muted-foreground leading-relaxed">
-          An AI assistant that gets things done — pulling data, running analysis,
-          and taking action. Talk to it like a team member.
+          An AI assistant that gets things done.
         </p>
 
         {/* Sign In */}
diff --git a/apps/web/app/login/login-form.tsx b/apps/web/app/login/login-form.tsx
index 98bebd35..8b92830c 100644
--- a/apps/web/app/login/login-form.tsx
+++ b/apps/web/app/login/login-form.tsx
@@ -202,14 +202,11 @@ export function LoginForm() {
       <div className="flex flex-col items-center text-center space-y-4">
         <div className="flex items-center gap-2">
           <MulticaIcon bordered noSpin size="md" />
-          <span className="text-base font-brand">Multica</span>
-        </div>
-        <div>
-          <h1 className="text-2xl font-semibold tracking-tight">Sign in</h1>
-          <p className="mt-1.5 text-sm text-muted-foreground">
-            Enter your email to continue
-          </p>
+          <h1 className="text-lg font-semibold tracking-tight">Sign In</h1>
         </div>
+        <p className="text-sm text-muted-foreground">
+          Enter your email to continue
+        </p>
       </div>
 
       {/* Error message */}