chore(emails): drop the wordmark generator script

The raster is committed at 4x, so the display box can be retuned without
re-exporting it — the script only ever ran by hand, and the test pinning
the asset to an exact multiple of the box would have forced a pointless
regeneration on any size tweak.

Keep the shared outlines the navbar and 8 other surfaces already render,
record how the asset was produced on the size constant, and assert the
property that actually matters: the asset out-resolves its display box.

Author: waleedlatif1

apps/sim/lib/branding/index.ts

@@ -1,9 +1,4 @@
 export { defaultBrandConfig } from './defaults'
 export type { BrandConfig, ThemeColors } from './types'
 export { HEX_COLOR_REGEX } from './types'
-export {
-  EMAIL_WORDMARK_SCALE,
-  EMAIL_WORDMARK_SIZE,
-  WORDMARK_PATHS,
-  WORDMARK_VIEW_BOX,
-} from './wordmark'
+export { EMAIL_WORDMARK_SIZE, WORDMARK_PATHS, WORDMARK_VIEW_BOX } from './wordmark'

apps/sim/lib/branding/wordmark.test.ts

@@ -4,12 +4,10 @@
 import { readFileSync } from 'node:fs'
 import path from 'node:path'
 import { describe, expect, it } from 'vitest'
-import {
-  EMAIL_WORDMARK_SCALE,
-  EMAIL_WORDMARK_SIZE,
-  WORDMARK_PATHS,
-  WORDMARK_VIEW_BOX,
-} from '@/lib/branding/wordmark'
+import { EMAIL_WORDMARK_SIZE, WORDMARK_PATHS, WORDMARK_VIEW_BOX } from '@/lib/branding/wordmark'
+
+/** Email clients do no responsive image selection, so the asset carries retina detail itself. */
+const MIN_RETINA_SCALE = 2
 
 const WORDMARK_PNG = path.join(
   import.meta.dirname,
@@ -29,11 +27,17 @@ function readPngSize(file: string): { width: number; height: number } {
 }
 
 describe('email wordmark asset', () => {
-  it('is committed at the scale the email header renders it', () => {
-    expect(readPngSize(WORDMARK_PNG)).toEqual({
-      width: EMAIL_WORDMARK_SIZE.width * EMAIL_WORDMARK_SCALE,
-      height: EMAIL_WORDMARK_SIZE.height * EMAIL_WORDMARK_SCALE,
-    })
+  it('out-resolves the box the email header renders it in', () => {
+    const { width, height } = readPngSize(WORDMARK_PNG)
+    expect(width).toBeGreaterThanOrEqual(EMAIL_WORDMARK_SIZE.width * MIN_RETINA_SCALE)
+    expect(height).toBeGreaterThanOrEqual(EMAIL_WORDMARK_SIZE.height * MIN_RETINA_SCALE)
+  })
+
+  it('is committed at the aspect ratio the header displays it at', () => {
+    const { width, height } = readPngSize(WORDMARK_PNG)
+    const assetAspect = width / height
+    const boxAspect = EMAIL_WORDMARK_SIZE.width / EMAIL_WORDMARK_SIZE.height
+    expect(Math.abs(assetAspect - boxAspect) / boxAspect).toBeLessThan(0.01)
   })
 
   it('renders the mark at the brand outlines aspect ratio, within a rounding pixel', () => {

apps/sim/lib/branding/wordmark.ts

@@ -23,8 +23,10 @@ export const WORDMARK_PATHS: readonly string[] = [
  * below (18px ink against 14px chip labels). Email body copy is 16px, so the
  * mark stands 20px tall; the width follows the view box. Both dimensions are
  * pinned because email clients do no responsive image selection.
+ *
+ * The header renders `public/brand/color/email/wordmark.png` rather than these
+ * paths, because email clients strip inline SVG. That file is these outlines
+ * filled with the email palette's `textBody`, rasterized at 4x so the mark
+ * stays crisp on retina and this box can be retuned without re-exporting it.
  */
 export const EMAIL_WORDMARK_SIZE = { width: 42, height: 20 } as const
-
-/** Retina factor the email raster is generated at. */
-export const EMAIL_WORDMARK_SCALE = 4