From 0d8e982f814d87d8b0311c809c299e42c5d42772 Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Mon, 8 Jun 2026 10:47:27 -0700
Subject: [PATCH] =?UTF-8?q?design:=20remove=20trust=20bullet=20strip=20fro?=
 =?UTF-8?q?m=20signup,=20make=20=F0=9F=87=A8=F0=9F=87=A6=20Built=20in=20Ca?=
 =?UTF-8?q?nada=20single=20larger=20centered=20footer=20below=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/components/auth/AuthScreen.tsx        | 32 +++----------------
 vibn-frontend/app/components/auth/auth.css    | 21 ++++--------
 2 files changed, 12 insertions(+), 41 deletions(-)

diff --git a/vibn-frontend/app/components/auth/AuthScreen.tsx b/vibn-frontend/app/components/auth/AuthScreen.tsx
index 5594b95..612fefa 100644
--- a/vibn-frontend/app/components/auth/AuthScreen.tsx
+++ b/vibn-frontend/app/components/auth/AuthScreen.tsx
@@ -72,10 +72,6 @@ export default function AuthScreen({
     signIn("google", { callbackUrl: cb });
   };
 
-  const trust = isSignup
-    ? ["No credit card", "No homework", "🇨🇦 Built in Canada"]
-    : ["Built in Canada", "Your data stays safe", "No homework"];
-
   return (
     <div className="vibn-auth">
       <div className="page">
@@ -135,7 +131,7 @@ export default function AuthScreen({
             <h1 className="auth-title">
               {isSignup ? (
                 <>
-                  Create your <em>workspace</em>.
+                  Create your <em>account</em>.
                 </>
               ) : (
                 <>
@@ -144,9 +140,7 @@ export default function AuthScreen({
               )}
             </h1>
             <p className="auth-sub">
-              {isSignup
-                ? "Set up your account with an email and password — you'll be building in seconds."
-                : "Pick up right where you left off."}
+              {isSignup ? null : "Pick up right where you left off."}
             </p>
 
             <form className="auth-form" onSubmit={handleSubmit} noValidate>
@@ -215,11 +209,11 @@ export default function AuthScreen({
                 {submitting ? (
                   <>
                     <span className="auth-spinner" />{" "}
-                    {isSignup ? "Creating your workspace…" : "Signing in…"}
+                    {isSignup ? "Creating your account…" : "Signing in…"}
                   </>
                 ) : isSignup ? (
                   <>
-                    Create my workspace <Arrow size={13} />
+                    Create my account <Arrow size={13} />
                   </>
                 ) : (
                   <>Sign in</>
@@ -270,7 +264,7 @@ export default function AuthScreen({
             </div>
           </div>
 
-          <TrustStrip items={trust} />
+          <div className="auth-built-canada">🇨🇦 Built in Canada</div>
         </main>
       </div>
     </div>
@@ -318,22 +312,6 @@ function Glows() {
   );
 }
 
-function TrustStrip({ items }: { items: string[] }) {
-  return (
-    <div className="auth-trust">
-      {items.map((item, i) => (
-        <span
-          key={item}
-          style={{ display: "inline-flex", alignItems: "center", gap: 14 }}
-        >
-          {i > 0 && <span className="sep">·</span>}
-          <span>{item}</span>
-        </span>
-      ))}
-    </div>
-  );
-}
-
 function Arrow({ size = 14 }: { size?: number }) {
   return (
     <svg
diff --git a/vibn-frontend/app/components/auth/auth.css b/vibn-frontend/app/components/auth/auth.css
index b5f81b4..a4b2d98 100644
--- a/vibn-frontend/app/components/auth/auth.css
+++ b/vibn-frontend/app/components/auth/auth.css
@@ -448,20 +448,13 @@
     }
 }
 
-/* Trust strip */
-.vibn-auth .auth-trust {
+/* Single Centered Built in Canada Footer */
+.vibn-auth .auth-built-canada {
     margin-top: 32px;
-    display: flex;
-    gap: 14px;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
+    text-align: center;
     font-family: var(--font-mono);
-    font-size: 11px;
-    letter-spacing: 0.03em;
-    color: var(--fg-faint);
-}
-.vibn-auth .auth-trust .sep {
-    color: var(--fg-faint);
-    opacity: 0.5;
+    font-size: 13.5px;
+    font-weight: 500;
+    letter-spacing: 0.05em;
+    color: var(--fg-dim);
 }