diff --git a/src/components/common/logo.tsx b/src/components/common/logo.tsx
new file mode 100644
index 0000000..b6e72da
--- /dev/null
+++ b/src/components/common/logo.tsx
@@ -0,0 +1,76 @@
+import { cn } from "@/lib/utils";
+
+export function Logo({
+ compact = false,
+ className,
+}: {
+ compact?: boolean;
+ className?: string;
+}) {
+ if (compact) {
+ return (
+
+ CP
+
+ );
+ }
+ // Inline SVG so the wordmark follows the active theme and accent variables.
+ return (
+
+ );
+}