ref: app UI

src/views/auth/LoginView.vue

@@ -10,30 +10,16 @@
       @click="theme.toggle"
     />
 
-    <!-- Signature: the indigo canvas with the brand gradient mesh -->
-    <section class="brand-panel relative hidden overflow-hidden p-12 lg:flex lg:flex-col lg:justify-between">
-      <span class="font-display text-[15px] font-extrabold tracking-[-0.01em] text-white">Workspace</span>
-      <div class="relative z-10 max-w-[440px]">
-        <h1 class="font-display text-[clamp(40px,4.4vw,62px)] font-extrabold uppercase leading-[0.98] text-white">
-          Projects,<br />docs, tasks.<br />One place.
-        </h1>
-        <p class="mt-5 text-[17px] leading-relaxed text-white/70">
-          Write documents, track work, and keep your team in sync — without switching tools.
-        </p>
-      </div>
-      <div class="relative z-10 flex gap-6 text-white/60">
-        <span class="text-[13px]">Documents</span>
-        <span class="text-[13px]">Tasks</span>
-        <span class="text-[13px]">Members</span>
-      </div>
+    <!-- Left panel: login image -->
+    <section class="brand-panel relative hidden overflow-hidden lg:flex lg:items-center lg:justify-center">
+      <img src="/login.png" alt="Login" class="absolute inset-0 h-full w-full object-cover" />
+      <h1 class="relative z-10 -mt-48 font-display text-5xl font-extrabold tracking-tight text-white drop-shadow-lg">MY WORKSPACE</h1>
     </section>
 
     <section class="flex items-center justify-center p-6" style="background: var(--canvas)">
       <div class="w-full max-w-[360px]">
         <div class="mb-7">
-          <span class="eyebrow">My Workspace</span>
           <h2 class="page-title mt-2">Sign in</h2>
-          <p class="page-subtitle mt-1.5">Use the account your workspace owner set up for you.</p>
         </div>
 
         <form @submit.prevent="submit">
@@ -85,7 +71,7 @@ async function submit() {
   loading.value = true
   try {
     await auth.login(username.value, password.value)
-    const redirect = typeof route.query.redirect === 'string' ? route.query.redirect : '/projects'
+    const redirect = typeof route.query.redirect === 'string' ? route.query.redirect : '/select-project'
     router.push(redirect)
   } catch (e) {
     error.value = errorMessage(e)
@@ -96,11 +82,4 @@ async function submit() {
 </script>
 
 <style scoped>
-/* Blurple → magenta mesh over the deep-indigo canvas (DESIGN.md brand gradient) */
-.brand-panel {
-  background:
-    radial-gradient(120% 90% at 12% 8%, rgba(88, 101, 242, 0.85) 0%, transparent 58%),
-    radial-gradient(95% 85% at 88% 92%, rgba(236, 72, 189, 0.6) 0%, transparent 62%),
-    #0a0d3a;
-}
 </style>