diff --git a/packages/ui/src/features/auth/OAuthControls.tsx b/packages/ui/src/features/auth/OAuthControls.tsx
index 2376b69f80..087d06ad78 100644
--- a/packages/ui/src/features/auth/OAuthControls.tsx
+++ b/packages/ui/src/features/auth/OAuthControls.tsx
@@ -1,6 +1,6 @@
 import type { CloudRegion } from "@posthog/shared";
+import Logo from "@posthog/ui/primitives/Logo";
 import { Callout, Flex, Spinner } from "@radix-ui/themes";
-import posthogIcon from "./assets/posthog-icon.svg";
 import { RegionSelect } from "./RegionSelect";
 import { useOAuthFlow } from "./useOAuthFlow";
 
@@ -70,9 +70,9 @@ export function OAuthControls({
         {isPending ? (
           <Spinner size="1" />
         ) : (
-          <img src={posthogIcon} alt="" className="h-[20px] w-[20px]" />
+          <Logo wordmark={false} mono className="h-[20px] w-auto" />
         )}
-        {isPending ? "Cancel" : "Sign in / sign up with PostHog"}
+        {isPending ? "Cancel" : "Authenticate with PostHog"}
       </button>
     </Flex>
   );
diff --git a/packages/ui/src/features/auth/RegionSelect.tsx b/packages/ui/src/features/auth/RegionSelect.tsx
index 591a4adad0..c49aa348cb 100644
--- a/packages/ui/src/features/auth/RegionSelect.tsx
+++ b/packages/ui/src/features/auth/RegionSelect.tsx
@@ -24,7 +24,7 @@ export function RegionSelect({
           PostHog region
         </Text>
         <Text className="text-(--gray-11) text-xs">
-          Pick where your data lives
+          Select your data region
         </Text>
       </Flex>
       <div className="grid w-full grid-cols-2 gap-2">
diff --git a/packages/ui/src/features/auth/SignInCard.tsx b/packages/ui/src/features/auth/SignInCard.tsx
index b6820d07ae..0f0cbf91a3 100644
--- a/packages/ui/src/features/auth/SignInCard.tsx
+++ b/packages/ui/src/features/auth/SignInCard.tsx
@@ -22,7 +22,7 @@ export function SignInCard({
     <Flex direction="column" gap="4">
       <Flex direction="column" gap="2">
         <Text className="font-bold text-(--gray-12) text-2xl">
-          Sign in / sign up with PostHog
+          Authenticate with PostHog
         </Text>
         <Text className="text-(--gray-11) text-sm">{subtitle}</Text>
       </Flex>
diff --git a/packages/ui/src/primitives/Logo.tsx b/packages/ui/src/primitives/Logo.tsx
index 4b8ec80313..9df736d31e 100644
--- a/packages/ui/src/primitives/Logo.tsx
+++ b/packages/ui/src/primitives/Logo.tsx
@@ -8,9 +8,20 @@ export default function LogosLandscape({
   code = true,
   stacked = false,
   wordmark = true,
-}) {
+  /** Force the solid white (monochrome) variant, e.g. on a solid color background. */
+  mono = false,
+  className,
+}: {
+  code?: boolean;
+  stacked?: boolean;
+  wordmark?: boolean;
+  mono?: boolean;
+  className?: string;
+} = {}) {
   const width = !wordmark ? 52 : stacked ? 52 : code ? 229 : 160;
   const height = !wordmark ? 47 : stacked ? (code ? 59 : 47) : 28;
+  // Wordmark fill: white when forced mono, otherwise dark in light mode / white in dark mode.
+  const wordmarkFill = mono ? "fill-[#fafafa]" : "fill-[#111] dark:fill-[#fafafa]";
   return (
     <svg
       width={width}
@@ -20,12 +31,13 @@ export default function LogosLandscape({
       xmlns="http://www.w3.org/2000/svg"
       aria-label="PostHog logo"
       role="img"
+      className={className}
     >
       <g id="logos">
         <g
           id="logomark - color gradient"
           clipPath="url(#clip1_417_409)"
-          className="dark:invisible"
+          className={mono ? "hidden" : "dark:invisible"}
         >
           <path
             id="head"
@@ -81,16 +93,14 @@ export default function LogosLandscape({
         <path
           id="logomark - monochrome"
           d="M0 19.4722C0 19.0154 0.562522 18.7976 0.870117 19.1352L8.18359 27.1636C8.47606 27.4846 8.24778 28.0005 7.81348 28.0005H2.59082C1.16027 28.0005 0.000175258 26.8411 0 25.4106V19.4722ZM0 8.75537C0.000102115 8.30476 0.549647 8.08418 0.861328 8.40966L18.8115 27.1548C19.1157 27.4727 18.8903 28.0004 18.4502 28.0005H11.3643C11.2206 28.0004 11.0841 27.9385 10.9893 27.8306L8.94141 25.5005L0.129883 15.8237C0.0461713 15.7317 0 15.6112 0 15.4868V8.75537ZM0 2.67822C0.000232954 0.280142 2.91627 -0.906899 4.58691 0.815913L30.1904 27.1519C30.4986 27.4688 30.2741 28.0005 29.832 28.0005H22.0674C21.9254 28.0005 21.7901 27.9401 21.6953 27.8345L19.5996 25.5005L0.277344 5.30029C0.0995493 5.11432 0.000123238 4.86713 0 4.60986V2.67822ZM34.7178 10.4585C34.7181 10.009 35.2659 9.78832 35.5781 10.1118L47.0234 21.9702C47.7336 22.7037 48.6716 23.1693 49.6787 23.2974L50.0156 23.3384H50.0098C50.9586 23.4548 51.6748 24.2636 51.6748 25.2241V25.3286C51.6748 26.8014 50.4815 28.0005 49.0029 28.0005H35.2207C34.9446 28.0005 34.7207 27.7766 34.7207 27.5005L34.7178 10.4585ZM10.7402 2.67822C10.7406 0.280393 13.6565 -0.90731 15.3271 0.814937L32.5049 18.481L33 18.9907V26.2866C33 26.7329 32.46 26.9556 32.1455 26.6392L31.0156 25.5005L11.3066 5.23291C10.9436 4.85957 10.7402 4.35913 10.7402 3.83837V2.67822ZM39.2061 19.9849C38.2224 19.9849 37.425 20.7825 37.4248 21.7661C37.4248 22.7499 38.2223 23.5474 39.2061 23.5474C40.1898 23.5473 40.9873 22.7498 40.9873 21.7661C40.9872 20.7825 40.1897 19.9849 39.2061 19.9849ZM21.9697 2.67822C21.97 0.280137 24.886 -0.907072 26.5566 0.815913L33.0078 7.45752V15.269C33.0078 15.7179 32.4623 15.9394 32.1494 15.6177L22.5352 5.73291C22.1721 5.35957 21.9697 4.85911 21.9697 4.33837V2.67822Z"
-          className="invisible dark:visible"
+          className={mono ? "visible" : "invisible dark:visible"}
           fill="#FAFAFA"
         />
         <path
           id="wordmark - code"
           d="M175.505 3.88397C179.851 3.8841 182.986 6.03187 183.881 9.42303C184.015 9.93059 183.665 10.4204 183.151 10.5285L180.822 11.0187C180.275 11.1339 179.749 10.7701 179.539 10.2512C178.854 8.55703 177.331 7.52852 175.478 7.5285C172.616 7.5285 170.294 9.60799 170.294 13.55C170.294 17.492 172.589 19.5441 175.478 19.5441C177.317 19.5441 178.728 18.668 179.4 17.2101C179.634 16.7042 180.161 16.3508 180.704 16.4738L183.024 16.9992C183.567 17.1223 183.911 17.6681 183.718 18.1896C182.545 21.3569 179.562 23.2159 175.505 23.216C170.375 23.216 166 19.922 166 13.55C166 7.17799 170.456 3.88397 175.505 3.88397ZM191.941 9.17596C196.099 9.17596 199.124 12.1465 199.124 16.1965C199.124 20.2462 196.099 23.216 191.941 23.216C187.73 23.2158 184.76 20.2461 184.76 16.1965C184.76 12.1466 187.73 9.17614 191.941 9.17596ZM212.655 3.88397C213.208 3.88397 213.655 4.33169 213.655 4.88397V22.0002C213.655 22.5524 213.207 23.0002 212.655 23.0002H210.017C209.834 23.0002 209.687 22.8523 209.687 22.6701C209.687 22.3501 209.222 22.1752 208.963 22.3625C208.213 22.9038 207.183 23.216 206.068 23.216C202.073 23.2159 199.67 20.4614 199.67 16.1955C199.67 11.9298 202.073 9.17598 206.015 9.17596C207.041 9.17596 207.92 9.40703 208.62 9.80292C209.028 10.0339 209.687 9.76322 209.687 9.29413V4.88397C209.687 4.33174 210.134 3.88405 210.687 3.88397H212.655ZM221.673 9.17596C226.587 9.17609 228.666 12.821 228.666 15.8449C228.666 16.0294 228.662 16.2267 228.657 16.4182C228.643 16.9351 228.215 17.3303 227.698 17.3303H220.089C219.448 17.3303 218.959 17.942 219.289 18.4914C219.85 19.4235 220.79 19.922 222.023 19.9221C222.964 19.9221 223.734 19.6208 224.215 19.0549C224.574 18.6324 225.106 18.2843 225.642 18.4279L227.387 18.8957C227.937 19.0434 228.26 19.627 227.99 20.1281C226.927 22.0986 224.726 23.2159 221.916 23.216C217.218 23.216 214.923 19.5713 214.923 16.1965C214.923 12.8215 216.975 9.17596 221.673 9.17596ZM191.941 12.551C189.998 12.5512 188.702 14.0366 188.702 16.1965C188.702 18.3561 189.998 19.8408 191.941 19.841C193.858 19.841 195.154 18.3562 195.154 16.1965C195.154 14.0365 193.858 12.551 191.941 12.551ZM206.717 12.551C204.827 12.551 203.53 14.0088 203.53 16.1955C203.53 18.3825 204.827 19.841 206.717 19.841C208.661 19.8409 209.93 18.3824 209.93 16.1955C209.93 14.0088 208.661 12.551 206.717 12.551ZM221.673 12.1193C220.65 12.1193 219.861 12.5328 219.356 13.3508C219.018 13.9002 219.511 14.5214 220.156 14.5217H223.324C223.915 14.5214 224.4 13.993 224.139 13.4631C223.738 12.651 222.937 12.1194 221.673 12.1193Z"
           className={
-            wordmark && code && !stacked
-              ? "fill-[#111] dark:fill-[#fafafa]"
-              : "hidden"
+            wordmark && code && !stacked ? wordmarkFill : "hidden"
           }
         />
         <g
@@ -99,31 +109,31 @@ export default function LogosLandscape({
         >
           <path
             d="M64.9072 22.8764C64.2266 22.8764 63.6748 22.3246 63.6748 21.644V5.23239C63.6748 4.55176 64.2266 4 64.9072 4H71.4584C75.3502 4 77.8463 6.3191 77.8463 9.90562C77.8463 13.4921 75.3502 15.8112 71.4584 15.8112H67.9155V21.644C67.9155 22.3246 67.3638 22.8764 66.6831 22.8764H64.9072ZM67.9155 10.9384C67.9155 11.619 68.4673 12.1708 69.1479 12.1708H71.029C72.6394 12.1708 73.6056 11.3079 73.6056 9.90562C73.6056 8.50337 72.6394 7.64045 71.029 7.64045H69.1479C68.4673 7.64045 67.9155 8.19221 67.9155 8.87284V10.9384Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M84.7132 23.0921C80.5261 23.0921 77.5737 20.1258 77.5737 16.0809C77.5737 12.036 80.5261 9.06966 84.7132 9.06966C88.8465 9.06966 91.8526 12.036 91.8526 16.0809C91.8526 20.1258 88.8465 23.0921 84.7132 23.0921ZM81.4924 16.0809C81.4924 18.2382 82.7807 19.7213 84.7132 19.7213C86.6188 19.7213 87.9071 18.2382 87.9071 16.0809C87.9071 13.9236 86.6188 12.4404 84.7132 12.4404C82.7807 12.4404 81.4924 13.9236 81.4924 16.0809Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M97.8337 23.0921C95.113 23.0921 93.249 21.7184 92.2869 20.088C91.952 19.5205 92.278 18.831 92.8916 18.5906L93.6619 18.2889C94.3521 18.0186 95.1116 18.444 95.5759 19.0219C96.0937 19.6664 96.8699 20.0989 97.8337 20.0989C98.8805 20.0989 99.5783 19.5865 99.5783 18.8315C99.5783 16.7011 92.4121 18.1303 92.4121 12.9798C92.4121 10.8494 94.264 9.06966 97.2433 9.06966C99.5061 9.06966 101.445 9.97305 102.413 11.3805C102.774 11.9054 102.457 12.5743 101.869 12.8195L101.024 13.1721C100.341 13.4569 99.5715 13.0322 99.0217 12.5375C98.5416 12.1054 97.9256 11.9011 97.3775 11.9011C96.4917 11.9011 95.8744 12.2787 95.8744 12.8719C95.8744 15.0292 103.148 13.2494 103.148 18.7506C103.148 21.0966 101.001 23.0921 97.8337 23.0921Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M112.47 21.7823C112.514 22.3461 112.17 22.8785 111.613 22.979C111.212 23.0515 110.786 23.0921 110.344 23.0921C107.418 23.0921 105.191 21.5281 105.191 18.2382V12.5753H104.276C103.595 12.5753 103.043 12.0235 103.043 11.3429V10.5178C103.043 9.83715 103.595 9.28539 104.276 9.28539H105.191V6.5807C105.191 5.90007 105.742 5.34832 106.423 5.34832H107.904C108.584 5.34832 109.136 5.90007 109.136 6.5807V9.28539H111.178C111.859 9.28539 112.411 9.83715 112.411 10.5178V11.3429C112.411 12.0235 111.859 12.5753 111.178 12.5753H109.136V17.7258C109.136 18.9393 109.78 19.6405 110.747 19.6405C111.492 19.6405 112.342 20.1476 112.4 20.8904L112.47 21.7823Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M125.496 5.23239C125.496 4.55176 126.048 4 126.728 4H128.531C129.212 4 129.764 4.55176 129.764 5.23239V21.644C129.764 22.3246 129.212 22.8764 128.531 22.8764H126.728C126.048 22.8764 125.496 22.3246 125.496 21.644V16.2077C125.496 15.527 124.944 14.9753 124.264 14.9753H119.267C118.586 14.9753 118.034 15.527 118.034 16.2077V21.644C118.034 22.3246 117.483 22.8764 116.802 22.8764H115.026C114.345 22.8764 113.794 22.3246 113.794 21.644V5.23239C113.794 4.55176 114.345 4 115.026 4H116.802C117.483 4 118.034 4.55176 118.034 5.23239V10.1024C118.034 10.7831 118.586 11.3348 119.267 11.3348H124.264C124.944 11.3348 125.496 10.7831 125.496 10.1024V5.23239Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M138.371 23.0921C134.184 23.0921 131.232 20.1258 131.232 16.0809C131.232 12.036 134.184 9.06966 138.371 9.06966C142.505 9.06966 145.511 12.036 145.511 16.0809C145.511 20.1258 142.505 23.0921 138.371 23.0921ZM135.15 16.0809C135.15 18.2382 136.439 19.7213 138.371 19.7213C140.277 19.7213 141.565 18.2382 141.565 16.0809C141.565 13.9236 140.277 12.4404 138.371 12.4404C136.439 12.4404 135.15 13.9236 135.15 16.0809Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M152.321 22.4449C148.483 22.4449 146.121 19.8562 146.121 15.7573C146.121 11.6584 148.483 9.06966 152.24 9.06966C153.824 9.06966 155.058 9.60899 155.783 10.4449C155.783 9.80454 156.302 9.28539 156.943 9.28539H158.442C159.123 9.28539 159.675 9.83715 159.675 10.5178V21.9056C159.675 25.5461 156.91 28 152.75 28C150.107 28 147.856 26.7981 146.903 24.9114C146.59 24.2908 147.064 23.6229 147.751 23.5148L148.89 23.3354C149.557 23.2305 150.176 23.7349 150.674 24.1904C151.173 24.6475 151.93 24.8989 152.75 24.8989C154.602 24.8989 155.81 23.8472 155.81 22.3371V21.0427C155.112 21.9326 153.797 22.4449 152.321 22.4449ZM149.959 15.7573C149.959 17.7798 151.14 19.0742 152.965 19.0742C154.817 19.0742 155.998 17.7798 155.998 15.7573C155.998 13.7348 154.817 12.4404 152.965 12.4404C151.14 12.4404 149.959 13.7348 149.959 15.7573Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
         </g>
         <g
@@ -132,40 +142,38 @@ export default function LogosLandscape({
         >
           <path
             d="M0.659086 43.3598C0.295083 43.3598 0 43.0647 0 42.7007V33.9237C0 33.5597 0.295083 33.2646 0.659086 33.2646H4.18229C6.27343 33.2646 7.61465 34.5049 7.61465 36.4229C7.61465 38.341 6.27343 39.5813 4.18229 39.5813H2.27863V42.7007C2.27863 43.0647 1.98354 43.3598 1.61954 43.3598H0.659086ZM2.27863 36.9753C2.27863 37.3393 2.57371 37.6344 2.93771 37.6344H3.95154C4.81684 37.6344 5.33602 37.1729 5.33602 36.4229C5.33602 35.673 4.81684 35.2115 3.95154 35.2115H2.93771C2.57371 35.2115 2.27863 35.5066 2.27863 35.8706V36.9753Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M11.3043 43.4751C9.05457 43.4751 7.46818 41.8888 7.46818 39.7255C7.46818 37.5623 9.05457 35.9759 11.3043 35.9759C13.5253 35.9759 15.1405 37.5623 15.1405 39.7255C15.1405 41.8888 13.5253 43.4751 11.3043 43.4751ZM9.57374 39.7255C9.57374 40.8792 10.266 41.6724 11.3043 41.6724C12.3283 41.6724 13.0205 40.8792 13.0205 39.7255C13.0205 38.5718 12.3283 37.7786 11.3043 37.7786C10.266 37.7786 9.57374 38.5718 9.57374 39.7255Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M18.3543 43.4751C16.893 43.4751 15.8917 42.7411 15.3746 41.8697C15.1943 41.566 15.3691 41.1962 15.6982 41.068L16.1174 40.9045C16.4861 40.7608 16.8913 40.9879 17.1394 41.2962C17.4176 41.6421 17.8353 41.8743 18.3543 41.8743C18.9167 41.8743 19.2917 41.6003 19.2917 41.1965C19.2917 40.0572 15.4411 40.8216 15.4411 38.067C15.4411 36.9277 16.4362 35.9759 18.037 35.9759C19.2524 35.9759 20.2939 36.4586 20.8142 37.2107C21.0084 37.4915 20.8382 37.8501 20.5229 37.9811L20.0635 38.1719C19.6989 38.3233 19.2884 38.0967 18.995 37.8326C18.7366 37.6001 18.4046 37.4901 18.1091 37.4901C17.6332 37.4901 17.3015 37.692 17.3015 38.0093C17.3015 39.1631 21.2098 38.2112 21.2098 41.1532C21.2098 42.4079 20.0561 43.4751 18.3543 43.4751Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M26.2184 42.7737C26.2422 43.0756 26.0577 43.3607 25.7596 43.4144C25.5438 43.4533 25.3144 43.4751 25.0763 43.4751C23.5043 43.4751 22.3073 42.6387 22.3073 40.8792V37.8507H21.8127C21.4487 37.8507 21.1536 37.5556 21.1536 37.1916V36.7503C21.1536 36.3863 21.4487 36.0912 21.8127 36.0912H22.3073V34.6448C22.3073 34.2808 22.6024 33.9857 22.9664 33.9857H23.7682C24.1322 33.9857 24.4273 34.2808 24.4273 34.6448V36.0912H25.5277C25.8917 36.0912 26.1867 36.3863 26.1867 36.7503V37.1916C26.1867 37.5556 25.8917 37.8507 25.5277 37.8507H24.4273V40.6052C24.4273 41.2542 24.7734 41.6292 25.2926 41.6292C25.6933 41.6292 26.1497 41.9019 26.1812 42.3014L26.2184 42.7737Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M33.2178 33.9237C33.2178 33.5597 33.5128 33.2646 33.8768 33.2646H34.8517C35.2157 33.2646 35.5108 33.5597 35.5108 33.9237V42.7007C35.5108 43.0647 35.2157 43.3598 34.8517 43.3598H33.8768C33.5128 43.3598 33.2178 43.0647 33.2178 42.7007V39.7933C33.2178 39.4293 32.9227 39.1342 32.5587 39.1342H29.8676C29.5036 39.1342 29.2085 39.4293 29.2085 39.7933V42.7007C29.2085 43.0647 28.9135 43.3598 28.5494 43.3598H27.589C27.225 43.3598 26.9299 43.0647 26.9299 42.7007V33.9237C26.9299 33.5597 27.225 33.2646 27.589 33.2646H28.5494C28.9135 33.2646 29.2085 33.5597 29.2085 33.9237V36.5282C29.2085 36.8922 29.5036 37.1873 29.8676 37.1873H32.5587C32.9227 37.1873 33.2178 36.8922 33.2178 36.5282V33.9237Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M40.1359 43.4751C37.8861 43.4751 36.2997 41.8888 36.2997 39.7255C36.2997 37.5623 37.8861 35.9759 40.1359 35.9759C42.3568 35.9759 43.9721 37.5623 43.9721 39.7255C43.9721 41.8888 42.3568 43.4751 40.1359 43.4751ZM38.4053 39.7255C38.4053 40.8792 39.0975 41.6724 40.1359 41.6724C41.1598 41.6724 41.8521 40.8792 41.8521 39.7255C41.8521 38.5718 41.1598 37.7786 40.1359 37.7786C39.0975 37.7786 38.4053 38.5718 38.4053 39.7255Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
           <path
             d="M47.6312 43.129C45.5689 43.129 44.2998 41.7445 44.2998 39.5524C44.2998 37.3603 45.5689 35.9759 47.588 35.9759C48.4388 35.9759 49.1022 36.2643 49.4916 36.7114C49.4916 36.3689 49.7693 36.0912 50.1118 36.0912H50.9237C51.2877 36.0912 51.5828 36.3863 51.5828 36.7503V42.8406C51.5828 44.7875 50.0973 46.0999 47.862 46.0999C46.4421 46.0999 45.2331 45.4574 44.7207 44.4487C44.5521 44.1169 44.8062 43.7591 45.1739 43.7015L45.7919 43.6046C46.1481 43.5488 46.4788 43.8182 46.745 44.0613C47.0134 44.3065 47.4208 44.4414 47.862 44.4414C48.8571 44.4414 49.506 43.8789 49.506 43.0713V42.3791C49.1311 42.855 48.4244 43.129 47.6312 43.129ZM46.3621 39.5524C46.3621 40.6341 46.9967 41.3263 47.9773 41.3263C48.9724 41.3263 49.607 40.6341 49.607 39.5524C49.607 38.4708 48.9724 37.7786 47.9773 37.7786C46.9967 37.7786 46.3621 38.4708 46.3621 39.5524Z"
-            className="fill-[#111] dark:fill-[#fafafa]"
+            className={wordmarkFill}
           />
         </g>
         <path
           id="wordmark - code (stacked)"
           d="M14.2646 48.4406C16.6039 48.4406 18.2917 49.5968 18.7734 51.4221C18.8453 51.6951 18.6572 51.9585 18.3809 52.0168L17.127 52.2805C16.8321 52.3424 16.5494 52.1467 16.4365 51.8674C16.068 50.9557 15.2476 50.4025 14.25 50.4025C12.7099 50.4027 11.4601 51.5215 11.46 53.6428C11.46 55.7643 12.6952 56.8691 14.25 56.8693C15.2399 56.8693 15.9993 56.3979 16.3613 55.6135C16.4869 55.3411 16.771 55.1508 17.0635 55.217L18.3125 55.4992C18.6043 55.5655 18.7893 55.8592 18.6855 56.1398C18.0543 57.8447 16.4487 58.8459 14.2646 58.8459C11.5037 58.8458 9.14941 57.0722 9.14941 53.6428C9.1496 50.2135 11.5473 48.4407 14.2646 48.4406ZM23.1123 51.2892C25.3501 51.2894 26.9775 52.8879 26.9775 55.0676C26.9774 57.2472 25.35 58.8457 23.1123 58.8459C20.8454 58.8459 19.2462 57.2473 19.2461 55.0676C19.2461 52.8877 20.8453 51.2892 23.1123 51.2892ZM34.2607 48.4406C34.5579 48.4406 34.7987 48.6815 34.7988 48.9787V58.1916C34.7986 58.4887 34.5579 58.7297 34.2607 58.7297H32.8398C32.742 58.7294 32.6631 58.6498 32.6631 58.5519C32.6631 58.3797 32.4131 58.2861 32.2734 58.3869C31.87 58.6781 31.3157 58.8458 30.7158 58.8459C28.5651 58.8459 27.2716 57.3635 27.2715 55.0676C27.2715 52.7715 28.5648 51.2892 30.6865 51.2892C31.2388 51.2893 31.7121 51.4131 32.0889 51.6262C32.3086 51.7504 32.663 51.6051 32.6631 51.3527V48.9787C32.6632 48.6815 32.904 48.4406 33.2012 48.4406H34.2607ZM39.1143 51.2892C41.7587 51.2894 42.8778 53.2506 42.8779 54.8781C42.8779 54.9774 42.8759 55.0837 42.873 55.1867C42.8654 55.4649 42.6357 55.6778 42.3574 55.6779H38.2617C37.9166 55.6779 37.6532 56.0072 37.8311 56.3029C38.1328 56.8045 38.6389 57.0724 39.3027 57.0724C39.8088 57.0724 40.2235 56.9103 40.4824 56.6057C40.6757 56.3784 40.9618 56.1915 41.25 56.2687L42.1895 56.5207C42.4853 56.6002 42.6601 56.9141 42.5146 57.1838C41.9427 58.2444 40.7577 58.8458 39.2451 58.8459C36.7166 58.8459 35.4806 56.884 35.4805 55.0676C35.4805 53.251 36.5857 51.2892 39.1143 51.2892ZM23.1123 53.1057C22.066 53.1057 21.3682 53.905 21.3682 55.0676C21.3683 56.23 22.0661 57.0295 23.1123 57.0295C24.1438 57.0293 24.8407 56.2299 24.8408 55.0676C24.8408 53.9051 24.1439 53.1058 23.1123 53.1057ZM31.0645 53.1057C30.0472 53.1057 29.3496 53.8905 29.3496 55.0676C29.3497 56.2445 30.0473 57.0295 31.0645 57.0295C32.1106 57.0294 32.7938 56.2444 32.7939 55.0676C32.7939 53.8905 32.1106 53.1058 31.0645 53.1057ZM39.1143 52.8732C38.5636 52.8732 38.1387 53.096 37.8672 53.5363C37.6851 53.832 37.9505 54.1661 38.2979 54.1662H40.0029C40.3207 54.166 40.5816 53.882 40.4414 53.5969C40.2261 53.1597 39.7944 52.8733 39.1143 52.8732Z"
           className={
-            wordmark && stacked && code
-              ? "fill-[#111] dark:fill-[#fafafa]"
-              : "hidden"
+            wordmark && stacked && code ? wordmarkFill : "hidden"
           }
         />
       </g>