From 57e10a36940c21cd32b1eecdf263e94199c3912f Mon Sep 17 00:00:00 2001
From: Nicholas Kissel <Nicholas.kissel@icloud.com>
Date: Wed, 26 Aug 2026 21:34:53 -0700
Subject: [PATCH] feat(frontend): match dashboard logo to website

---
 frontend/src/app/layout.tsx                   |  2 +-
 frontend/src/app/logo.tsx                     | 21 ++++++++++---------
 frontend/src/app/top-bar.tsx                  |  2 +-
 .../src/components/fullscreen-loading.tsx     |  7 ++-----
 4 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index f5ed747e32..9c8bf976a9 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -774,7 +774,7 @@ export const SidebarlessHeader = () => {
 	return (
 		<header className="z-20 flex items-center gap-2 h-12 px-3 shrink-0 border-b border-border bg-background">
 			<Link to="/" className="flex items-center shrink-0 pr-1">
-				<LogoMark className="h-5 w-auto text-foreground" />
+				<LogoMark className="h-6 w-6" />
 			</Link>
 			<ContextSwitcher inline />
 			<TopBarActions />
diff --git a/frontend/src/app/logo.tsx b/frontend/src/app/logo.tsx
index b506d0652c..62e2e3b837 100644
--- a/frontend/src/app/logo.tsx
+++ b/frontend/src/app/logo.tsx
@@ -1,27 +1,28 @@
 export function LogoMark({ className }: { className?: string }) {
 	return (
 		<svg
-			viewBox="0 0 68 68"
+			viewBox="0 0 128 128"
 			fill="none"
 			xmlns="http://www.w3.org/2000/svg"
 			role="img"
 			aria-label="rivet.dev"
 			className={className}
 		>
+			<rect x="1" y="1" width="126" height="126" rx="44" fill="#0F0F0F" />
 			<rect
-				x="3"
-				y="3"
-				width="62"
-				height="62"
-				rx="17.55"
-				stroke="currentColor"
-				strokeWidth="6"
+				x="18.25"
+				y="18.25"
+				width="91.5"
+				height="91.5"
+				rx="25.75"
+				stroke="#F0F0F0"
+				strokeWidth="8.5"
 			/>
 			<path
 				fillRule="evenodd"
 				clipRule="evenodd"
-				d="M28.9979 19.7671C28.9979 19.3436 28.6541 19 28.2308 19H22.4809C20.5597 19 19 20.5597 19 22.4807V45.5125C19 47.4336 20.5597 48.9935 22.4809 48.9935H28.2308C28.6541 48.9935 28.9979 48.6496 28.9979 48.2263V19.7671ZM45.6293 38.7439C44.7861 37.231 42.8732 36.0028 41.3604 36.0028H32.5577C32.0922 36.0028 31.9249 36.3807 32.1843 36.8462L37.4298 46.2586C38.273 47.7717 40.1858 49 41.6987 49H50.5012C50.9667 49 51.1342 48.6221 50.8745 48.1563L45.6293 38.7439ZM45.9963 25.9983C45.9963 22.1359 42.8604 19 38.9977 19H32.8227C32.3682 19 31.9994 19.3688 31.9994 19.8233V32.1734C31.9994 32.6278 32.3682 32.9969 32.8227 32.9969H38.9977C42.8604 32.9969 45.9963 29.861 45.9963 25.9983Z"
-				fill="currentColor"
+				d="M57.6937 43.0982C57.6937 42.4763 57.1887 41.9717 56.5671 41.9717H48.1232C45.3017 41.9717 43.0112 44.2621 43.0112 47.0832V80.9068C43.0112 83.7279 45.3017 86.0187 48.1232 86.0187H56.5671C57.1887 86.0187 57.6937 85.5137 57.6937 84.8922V43.0982ZM82.1179 70.9667C80.8797 68.745 78.0705 66.9412 75.8488 66.9412H62.9215C62.2379 66.9412 61.9923 67.4961 62.3732 68.1798L70.0765 82.0024C71.3148 84.2245 74.1239 86.0283 76.3457 86.0283H89.2726C89.9562 86.0283 90.2022 85.4733 89.8209 84.7894L82.1179 70.9667ZM82.6564 52.2491C82.6564 46.5769 78.0512 41.9717 72.3787 41.9717H63.3103C62.6429 41.9717 62.1013 42.5133 62.1013 43.1807V61.3175C62.1013 61.9849 62.6429 62.5268 63.3103 62.5268H72.3787C78.0512 62.5268 82.6564 57.9216 82.6564 52.2491Z"
+				fill="#F0F0F0"
 			/>
 		</svg>
 	);
diff --git a/frontend/src/app/top-bar.tsx b/frontend/src/app/top-bar.tsx
index 3d0ae6a482..979f1333e1 100644
--- a/frontend/src/app/top-bar.tsx
+++ b/frontend/src/app/top-bar.tsx
@@ -22,7 +22,7 @@ export function TopBar() {
 function TopBarLogo() {
 	return (
 		<Link to="/" className="flex items-center shrink-0 pr-1">
-			<LogoMark className="h-5 w-auto text-foreground" />
+			<LogoMark className="h-6 w-6" />
 		</Link>
 	);
 }
diff --git a/frontend/src/components/fullscreen-loading.tsx b/frontend/src/components/fullscreen-loading.tsx
index 89de3c8331..e91e8eb443 100644
--- a/frontend/src/components/fullscreen-loading.tsx
+++ b/frontend/src/components/fullscreen-loading.tsx
@@ -1,4 +1,4 @@
-import { AssetImage } from "./asset-image";
+import { LogoMark } from "@/app/logo";
 
 export function FullscreenLoading({
 	children,
@@ -7,10 +7,7 @@ export function FullscreenLoading({
 }) {
 	return (
 		<div className="min-h-screen flex items-center justify-center flex-col bg-background text-foreground">
-			<AssetImage
-				className="animate-pulse h-10 invert dark:invert-0"
-				src="/logo/icon-white.svg"
-			/>
+			<LogoMark className="h-10 w-10 animate-pulse" />
 			{children}
 		</div>
 	);