diff --git a/app/components/logo-mark.tsx b/app/components/logo-mark.tsx
new file mode 100644
index 0000000..1236eca
--- /dev/null
+++ b/app/components/logo-mark.tsx
@@ -0,0 +1,9 @@
+import { cn } from '~/lib/utils';
+
+export function LogoMark({ className }: { className?: string }) {
+    return (
+        <div className={cn('flex items-center justify-center rounded-xl border border-neutral-800 bg-black', className)}>
+            <span className="select-none font-extrabold leading-none text-orange-500">t.</span>
+        </div>
+    );
+}