fix(landing): update header wordmark

apps/landing/src/components/Logo.tsx

@@ -4,9 +4,9 @@ import { LogoText } from './LogoText'
 
 export function Logo() {
   return (
-    <Flex alignItems="center" gap={[2, null, 4]} h={[7, '42px']}>
+    <Flex alignItems="center" gap={[2, null, 3]} h={[7, '42px']}>
       <Image h="100%" src="/logo.svg" />
-      <Center h={[5, null, '42px']}>
+      <Center h={['18.67px', null, '28px']}>
         <LogoText />
       </Center>
     </Flex>

apps/landing/src/components/LogoText.tsx

@@ -8,34 +8,34 @@ export function LogoText() {
       })}
       fill="none"
       height="100%"
-      viewBox="0 0 138 42"
+      viewBox="0 0 121 28"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path d="M133.53 10H138V32.8571H133.53V10Z" fill="currentColor" />
       <path
-        d="M129.812 10V23.9067C129.812 29.7376 125.829 33.207 119.448 33.207C113.003 33.207 109.116 29.7959 109.116 23.965V10H113.586V23.6735C113.586 27.4344 115.561 29.6501 119.448 29.6501C123.302 29.6501 125.343 27.3469 125.343 23.586V10H129.812Z"
+        d="M0 21.5486V0H8.35473C15.4933 0 19.9086 4.41549 19.9086 10.7875C19.9086 17.1596 15.4933 21.5486 8.35473 21.5486H0ZM4.8119 17.2918H8.43405C12.5585 17.2918 15.0967 14.9386 15.0967 10.7875C15.0967 6.63645 12.5585 4.25685 8.43405 4.25685H4.8119V17.2918Z"
         fill="currentColor"
       />
       <path
-        d="M78.9414 40V15.8309H83.2166V17.551C84.3502 16.414 86.0668 15.5394 88.5283 15.5394C93.7428 15.5394 97.4674 19.2128 97.4674 24.344C97.4674 29.4752 93.7428 33.1487 88.5283 33.1487C86.0668 33.1487 84.3502 32.2741 83.2166 31.137V40H78.9414ZM83.2166 24.344C83.2166 27.5219 85.1923 29.6502 88.1073 29.6502C91.0546 29.6502 93.0303 27.5219 93.0303 24.344C93.0303 21.1662 91.0546 19.0379 88.1073 19.0379C85.1923 19.0379 83.2166 21.1662 83.2166 24.344Z"
+        d="M29.1439 21.9188C24.4113 21.9188 21.08 18.5345 21.08 13.8017C21.08 9.09537 24.4113 5.68461 29.1439 5.68461C33.8765 5.68461 37.2078 9.06893 37.2078 13.8017C37.2078 14.2512 37.1813 14.7535 37.102 15.3088H25.7597C26.1298 17.1067 27.3724 18.1379 29.1439 18.1379C30.4923 18.1379 31.6027 17.6619 31.9993 16.9216H36.7319C35.9387 19.8829 32.8982 21.9188 29.1439 21.9188ZM25.7332 12.2682H32.6074C32.2108 10.4174 30.9946 9.41265 29.1439 9.41265C27.2931 9.41265 26.1298 10.4174 25.7332 12.2682Z"
         fill="currentColor"
       />
       <path
-        d="M67.7251 33.1487C63.1584 33.1487 59.5957 30.9038 59.5957 26.2099V15.8309H63.8709V25.6852C63.8709 28.4257 65.1989 29.6502 67.7251 29.6502C70.2514 29.6502 71.5793 28.4257 71.5793 25.6852V15.8309H75.8546V26.2099C75.8546 30.9038 72.2919 33.1487 67.7251 33.1487Z"
+        d="M48.9533 6.05477H53.7123L47.7635 21.5486H42.8723L36.9235 6.05477H42.0263L45.4898 16.1549L48.9533 6.05477Z"
         fill="currentColor"
       />
       <path
-        d="M45.7268 32.8572L39.9941 15.8309H44.4313L48.9981 29.6502L53.5324 15.8309H57.9696L52.2369 32.8572H45.7268Z"
+        d="M60.7788 21.9188C57.1831 21.9188 54.7242 19.3012 54.7242 15.0179V6.05477H59.4304V14.2247C59.4304 16.5779 60.3822 17.8735 62.1536 17.8735C64.0043 17.8735 65.1148 16.4193 65.1148 14.0132V6.05477H69.8209V21.5486H65.1148V19.9622C64.1894 21.2049 62.7617 21.9188 60.7788 21.9188Z"
         fill="currentColor"
       />
       <path
-        d="M27.5807 25.8601L25.7022 23.4694C25.6698 23.7609 25.6698 24.0525 25.6698 24.3732C25.6698 28.2216 28.3256 29.7085 31.1758 29.7085C33.1838 29.7085 34.5441 29.0379 35.3862 27.7843H39.791C38.4955 31.312 34.9652 33.1487 31.1758 33.1487C26.2852 33.1487 21.5889 30.2041 21.5889 24.3732C21.5889 18.6297 26.3823 15.5394 31.0138 15.5394C35.8397 15.5394 40.1149 19.0088 40.1149 24.7522V25.8601H27.5807ZM31.0138 18.9213C28.941 18.9213 26.5443 19.9125 25.8641 22.6531H35.7749C35.4186 20.4082 33.5077 18.9213 31.0138 18.9213Z"
+        d="M72.5782 28V6.05477H77.2844V7.64117C78.2097 6.39849 79.6903 5.68461 81.7261 5.68461C86.1679 5.68461 89.2613 9.09537 89.2613 13.8017C89.2613 18.508 86.1679 21.9188 81.7261 21.9188C79.6903 21.9188 78.2097 21.2049 77.2844 19.9622V28H72.5782ZM80.9858 17.8999C83.2332 17.8999 84.6609 16.1813 84.6609 13.8017C84.6609 11.4221 83.2332 9.70349 80.9858 9.70349C78.6856 9.70349 77.2051 11.4221 77.2051 13.8017C77.2051 16.1813 78.6856 17.8999 80.9858 17.8999Z"
         fill="currentColor"
       />
       <path
-        d="M0 32.8571V10H7.1254C15.3196 10 20.3074 14.1399 20.3074 21.4286C20.3074 28.7172 15.3196 32.8571 7.1254 32.8571H0ZM4.46957 29.3586H7.09301C12.7286 29.3586 15.773 26.5889 15.773 21.4286C15.773 16.2682 12.7286 13.4985 7.09301 13.4985H4.46957V29.3586Z"
+        d="M93.7118 12.0038V0H98.5237V12.0038C98.5237 15.441 100.427 17.7413 103.574 17.7413C106.72 17.7413 108.623 15.441 108.623 12.0038V0H113.435V12.0038C113.435 18.1114 109.496 22.0774 103.574 22.0774C97.6513 22.0774 93.7118 18.1114 93.7118 12.0038Z"
         fill="currentColor"
       />
+      <path d="M116.188 0H121V21.5486H116.188V0Z" fill="currentColor" />
     </svg>
   )
 }

e2e/landing-header.spec.ts

@@ -68,6 +68,36 @@ test.describe('Landing Page - Header & Navigation', () => {
       const logoLink = page.locator('a[href="/"]').first()
       await expect(logoLink).toHaveAttribute('href', '/')
     })
+
+    test('logo uses the approved wordmark in both themes', async ({ page }) => {
+      await page.setViewportSize({ width: 1440, height: 900 })
+      await page.goto('/')
+      await page.waitForLoadState('networkidle')
+
+      const logoLink = page.locator('a[href="/"]').first()
+      const wordmark = logoLink.locator('svg[viewBox="0 0 121 28"]')
+      await expect(wordmark).toBeVisible()
+      await expect(wordmark.locator('path')).toHaveCount(7)
+
+      const logoBox = await logoLink.boundingBox()
+      const wordmarkBox = await wordmark.boundingBox()
+      expect(logoBox && [logoBox.width, logoBox.height]).toEqual([175, 42])
+      expect(wordmarkBox && [wordmarkBox.width, wordmarkBox.height]).toEqual([
+        121, 28,
+      ])
+
+      const lightColor = await wordmark.evaluate((element) => {
+        document.documentElement.setAttribute('data-theme', 'light')
+        return getComputedStyle(element).color
+      })
+      expect(lightColor).toBe('rgb(47, 47, 47)')
+
+      await page.evaluate(() =>
+        document.documentElement.setAttribute('data-theme', 'dark'),
+      )
+      await waitForStyleSettle(page)
+      await expect(wordmark).toHaveCSS('color', 'rgb(237, 237, 237)')
+    })
   })
 
   test.describe('External links', () => {