@clay-design-system/email 0.0.0-stage → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/README.md +48 -2
  2. package/dist/build/asset-scoring.d.ts +48 -0
  3. package/dist/build/asset-scoring.d.ts.map +1 -0
  4. package/dist/build/asset-scoring.js +57 -0
  5. package/dist/build/asset-scoring.js.map +1 -0
  6. package/dist/build/braze-transform.d.ts +20 -0
  7. package/dist/build/braze-transform.d.ts.map +1 -0
  8. package/dist/build/braze-transform.js +26 -0
  9. package/dist/build/braze-transform.js.map +1 -0
  10. package/dist/build/catalog.d.ts +25 -0
  11. package/dist/build/catalog.d.ts.map +1 -0
  12. package/dist/build/catalog.js +3 -0
  13. package/dist/build/catalog.js.map +1 -0
  14. package/dist/build/cloudinary-env.d.ts +15 -0
  15. package/dist/build/cloudinary-env.d.ts.map +1 -0
  16. package/dist/build/cloudinary-env.js +36 -0
  17. package/dist/build/cloudinary-env.js.map +1 -0
  18. package/dist/build/cloudinary-manifest.d.ts +33 -0
  19. package/dist/build/cloudinary-manifest.d.ts.map +1 -0
  20. package/dist/build/cloudinary-manifest.js +36 -0
  21. package/dist/build/cloudinary-manifest.js.map +1 -0
  22. package/dist/build/compile.d.ts +11 -0
  23. package/dist/build/compile.d.ts.map +1 -0
  24. package/dist/build/compile.js +234 -0
  25. package/dist/build/compile.js.map +1 -0
  26. package/dist/build/email-config.d.ts +26 -0
  27. package/dist/build/email-config.d.ts.map +1 -0
  28. package/dist/build/email-config.js +17 -0
  29. package/dist/build/email-config.js.map +1 -0
  30. package/dist/build/email-list.d.ts +6 -0
  31. package/dist/build/email-list.d.ts.map +1 -0
  32. package/dist/build/email-list.js +17 -0
  33. package/dist/build/email-list.js.map +1 -0
  34. package/dist/build/email-tree.d.ts +23 -0
  35. package/dist/build/email-tree.d.ts.map +1 -0
  36. package/dist/build/email-tree.js +46 -0
  37. package/dist/build/email-tree.js.map +1 -0
  38. package/dist/build/export-braze.d.ts +22 -0
  39. package/dist/build/export-braze.d.ts.map +1 -0
  40. package/dist/build/export-braze.js +92 -0
  41. package/dist/build/export-braze.js.map +1 -0
  42. package/dist/build/generate-stock-library-map.d.ts +13 -0
  43. package/dist/build/generate-stock-library-map.d.ts.map +1 -0
  44. package/dist/build/generate-stock-library-map.js +202 -0
  45. package/dist/build/generate-stock-library-map.js.map +1 -0
  46. package/dist/build/icon-registry-map.d.ts +34 -0
  47. package/dist/build/icon-registry-map.d.ts.map +1 -0
  48. package/dist/build/icon-registry-map.js +44 -0
  49. package/dist/build/icon-registry-map.js.map +1 -0
  50. package/dist/build/import-examples.d.ts +14 -0
  51. package/dist/build/import-examples.d.ts.map +1 -0
  52. package/dist/build/import-examples.js +65 -0
  53. package/dist/build/import-examples.js.map +1 -0
  54. package/dist/build/persona-character-map.d.ts +32 -0
  55. package/dist/build/persona-character-map.d.ts.map +1 -0
  56. package/dist/build/persona-character-map.js +90 -0
  57. package/dist/build/persona-character-map.js.map +1 -0
  58. package/dist/build/stock-library-map.d.ts +57 -0
  59. package/dist/build/stock-library-map.d.ts.map +1 -0
  60. package/dist/build/stock-library-map.js +1261 -0
  61. package/dist/build/stock-library-map.js.map +1 -0
  62. package/dist/build/upload-assets.d.ts +20 -0
  63. package/dist/build/upload-assets.d.ts.map +1 -0
  64. package/dist/build/upload-assets.js +153 -0
  65. package/dist/build/upload-assets.js.map +1 -0
  66. package/dist/build/upload-library-assets.d.ts +21 -0
  67. package/dist/build/upload-library-assets.d.ts.map +1 -0
  68. package/dist/build/upload-library-assets.js +182 -0
  69. package/dist/build/upload-library-assets.js.map +1 -0
  70. package/dist/build/visual-resolver.d.ts +70 -0
  71. package/dist/build/visual-resolver.d.ts.map +1 -0
  72. package/dist/build/visual-resolver.js +375 -0
  73. package/dist/build/visual-resolver.js.map +1 -0
  74. package/dist/catalog.json +467 -0
  75. package/dist/emails/component-buttons-icons.html +435 -0
  76. package/dist/emails/component-buttons-integration.html +256 -0
  77. package/dist/emails/component-buttons-primary.html +269 -0
  78. package/dist/emails/component-buttons-secondary.html +255 -0
  79. package/dist/emails/component-buttons-two-integrations.html +310 -0
  80. package/dist/emails/component-images-card-280h.html +281 -0
  81. package/dist/emails/component-images-card-320h.html +281 -0
  82. package/dist/emails/component-images-card.html +281 -0
  83. package/dist/emails/component-images-full-bleed-280h.html +279 -0
  84. package/dist/emails/component-images-full-bleed-400h.html +279 -0
  85. package/dist/emails/component-images-full-bleed.html +279 -0
  86. package/dist/emails/component-text-h1.html +254 -0
  87. package/dist/emails/component-text-h2.html +230 -0
  88. package/dist/emails/component-text-h3.html +255 -0
  89. package/dist/emails/component-text-h4.html +255 -0
  90. package/dist/emails/component-text-h5.html +254 -0
  91. package/dist/emails/component-text-p2.html +253 -0
  92. package/dist/emails/component-text-p3.html +254 -0
  93. package/dist/emails/component-text-p4.html +254 -0
  94. package/dist/emails/container.html +250 -0
  95. package/dist/emails/section-changelog-icon-list.html +1201 -0
  96. package/dist/emails/section-divider-line.html +340 -0
  97. package/dist/emails/section-feature-highlight-reversed.html +377 -0
  98. package/dist/emails/section-feature-highlight.html +384 -0
  99. package/dist/emails/section-feature-rows.html +328 -0
  100. package/dist/emails/section-feature-story-row-reversed.html +381 -0
  101. package/dist/emails/section-feature-story-row.html +382 -0
  102. package/dist/emails/section-footer-lifecycle.html +650 -0
  103. package/dist/emails/section-footer-two-column-minimal.html +318 -0
  104. package/dist/emails/section-footer.html +413 -0
  105. package/dist/emails/section-header.html +290 -0
  106. package/dist/emails/section-hero.html +276 -0
  107. package/dist/emails/section-icon-feature-list.html +554 -0
  108. package/dist/emails/section-image-caption-block.html +313 -0
  109. package/dist/emails/section-image-hero.html +341 -0
  110. package/dist/emails/section-lesson-card.html +628 -0
  111. package/dist/emails/section-list-action-items.html +590 -0
  112. package/dist/emails/section-list-feature-items.html +713 -0
  113. package/dist/emails/section-list-icon-items.html +701 -0
  114. package/dist/emails/section-list-numbered-items.html +733 -0
  115. package/dist/emails/section-logo-header.html +288 -0
  116. package/dist/emails/section-newsletter-hero.html +393 -0
  117. package/dist/emails/section-product-ui-hero.html +496 -0
  118. package/dist/emails/section-promo-banner.html +308 -0
  119. package/dist/emails/section-qa-block.html +440 -0
  120. package/dist/emails/section-resource-link-list.html +481 -0
  121. package/dist/emails/section-signoff.html +279 -0
  122. package/dist/emails/section-single-column-author.html +453 -0
  123. package/dist/emails/section-single-column-feature-card.html +312 -0
  124. package/dist/emails/section-single-column-product-card.html +393 -0
  125. package/dist/emails/section-single-column-promo-card.html +306 -0
  126. package/dist/emails/section-spacer-fill.html +281 -0
  127. package/dist/emails/section-testimonial-dark-card.html +363 -0
  128. package/dist/emails/section-text-h1-regular.html +254 -0
  129. package/dist/emails/section-text-h2-regular.html +254 -0
  130. package/dist/emails/section-text-h3-regular.html +254 -0
  131. package/dist/emails/section-text-h4-regular.html +254 -0
  132. package/dist/emails/section-text-h5-regular.html +254 -0
  133. package/dist/emails/section-text-mixed-heading.html +269 -0
  134. package/dist/emails/section-text-overline-heading.html +281 -0
  135. package/dist/emails/section-text-p1-bold.html +254 -0
  136. package/dist/emails/section-text-p1-regular.html +255 -0
  137. package/dist/emails/section-text-paragraph.html +358 -0
  138. package/dist/emails/section-text-quote-card.html +269 -0
  139. package/dist/emails/section-text-quote.html +313 -0
  140. package/dist/emails/section-text-small-headline.html +279 -0
  141. package/dist/emails/section-three-column-content-cards.html +499 -0
  142. package/dist/emails/section-three-column-icon-cards.html +510 -0
  143. package/dist/emails/section-three-column-image-grid.html +466 -0
  144. package/dist/emails/section-three-up-icon-benefits.html +464 -0
  145. package/dist/emails/section-two-column-feature-cards.html +708 -0
  146. package/dist/emails/section-two-column-grid.html +1131 -0
  147. package/dist/emails/section-two-column-img-text.html +331 -0
  148. package/dist/emails/section-two-column-live-tags.html +367 -0
  149. package/dist/emails/section-two-column-stacked.html +629 -0
  150. package/dist/emails/section-upsell-cta.html +597 -0
  151. package/dist/emails/section-value-bullet-list.html +313 -0
  152. package/dist/examples/manifest.d.ts +21 -0
  153. package/dist/examples/manifest.d.ts.map +1 -0
  154. package/dist/examples/manifest.js +84 -0
  155. package/dist/examples/manifest.js.map +1 -0
  156. package/dist/exports/contact-sales/Images/Contact_sales_Image_16f4175c-d08c-43f6-9d4c-a0606383271d.png +0 -0
  157. package/dist/exports/contact-sales/Images/Contact_sales_Image_659b3091-1da9-40c2-86b0-04250982e529.png +0 -0
  158. package/dist/exports/contact-sales/Images/Contact_sales_Image_79c651f4-5f0f-4a7f-8354-1f6f95ae86d9.png +0 -0
  159. package/dist/exports/contact-sales/index.braze.html +837 -0
  160. package/dist/exports/contact-sales/index.html +837 -0
  161. package/dist/exports/event-confirmation/Images/Confirmation_Image_11938de2-4161-4ae8-8969-90ea0d8b45cb.png +0 -0
  162. package/dist/exports/event-confirmation/Images/Confirmation_Image_3c52e81f-5d4f-452c-bad1-0471a27598f1.png +0 -0
  163. package/dist/exports/event-confirmation/Images/Confirmation_Image_3ec1fec8-bf46-4068-8835-633567a715f9.png +0 -0
  164. package/dist/exports/event-confirmation/Images/Confirmation_Image_c4980c01-c270-4384-a56c-0bae74814cf9.png +0 -0
  165. package/dist/exports/event-confirmation/Images/Confirmation_Image_cde93e8c-0f96-434d-acaf-1b86503c66f0.png +0 -0
  166. package/dist/exports/event-confirmation/index.braze.html +1055 -0
  167. package/dist/exports/event-confirmation/index.html +1055 -0
  168. package/dist/exports/legal-update/Images/v2_Image_07bbcc13-0ab8-46e4-ab94-98f215f85f69.png +0 -0
  169. package/dist/exports/legal-update/Images/v2_Image_34394d50-acdf-4375-b254-eef1f84aaacb.png +0 -0
  170. package/dist/exports/legal-update/Images/v2_Image_4a25f2bd-6270-439b-86c5-4a968a1b104f.png +0 -0
  171. package/dist/exports/legal-update/Images/v2_Image_7e8e814f-3112-4d8c-af5b-4f4616d84d9c.png +0 -0
  172. package/dist/exports/legal-update/Images/v2_Image_b24a04c8-4af0-42a1-be0f-cd3f66595e47.png +0 -0
  173. package/dist/exports/legal-update/Images/v2_Image_b709b9fb-836e-4c20-82e5-a9cb9d702392.png +0 -0
  174. package/dist/exports/legal-update/Images/v2_Image_ed7b924b-35e6-4536-be0c-92ddc8a34fc2.png +0 -0
  175. package/dist/exports/legal-update/index.braze.html +1731 -0
  176. package/dist/exports/legal-update/index.html +1731 -0
  177. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_09be22f6-1f30-4c58-bf33-1df0494b8fc2.png +0 -0
  178. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_2dfb595e-6fe2-4e6e-a73a-942a085b38ab.png +0 -0
  179. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_544c971b-b4b5-4c89-a25a-8f0d92644009.png +0 -0
  180. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_5b6a9576-1c33-40c5-81e3-637514fb6c78.png +0 -0
  181. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_680c6193-793a-4a24-8288-4bb4046f4f5e.png +0 -0
  182. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_75818ba9-026a-45d7-91e4-f992d4ee7690.png +0 -0
  183. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_785f18e6-816d-44d1-8efb-ecc82510b540.png +0 -0
  184. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_8bf9141d-9d63-4601-9e81-5c9d726e17f8.png +0 -0
  185. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_9097d6e0-65d0-4237-9661-963751812786.png +0 -0
  186. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_a4ef2f53-2eaf-438a-bfef-61455ac0915e.png +0 -0
  187. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_b7748f87-a7b7-4a91-981a-16567683e4b4.png +0 -0
  188. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_bc9830a4-2911-4768-808a-32cbbc39215e.png +0 -0
  189. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_ef0e8e92-9075-43a9-991f-09a77ef6d6d4.png +0 -0
  190. package/dist/exports/newsletter/index.braze.html +125 -0
  191. package/dist/exports/newsletter/index.html +125 -0
  192. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-blocks.png +0 -0
  193. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-hero-mcp.png +0 -0
  194. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-magic.png +0 -0
  195. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-mcp.png +0 -0
  196. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-portfolio.png +0 -0
  197. package/dist/exports/newsletter-ai-june-july/index.braze.html +1640 -0
  198. package/dist/exports/newsletter-ai-june-july/index.html +1640 -0
  199. package/dist/exports/survey/Images/EmailLove_Image_3b6f4a6f-7f5f-418b-be71-9371b25c20ce.png +0 -0
  200. package/dist/exports/survey/Images/EmailLove_Image_f659c728-2401-485d-8d90-98c962d28c0c.png +0 -0
  201. package/dist/exports/survey/index.braze.html +515 -0
  202. package/dist/exports/survey/index.html +515 -0
  203. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_115ccc58-a47f-4eca-a1f2-c0d86e1e1cf4.png +0 -0
  204. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_aec4d0d3-6057-4b8a-8d8f-46fbd024f182.png +0 -0
  205. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_d139966a-6051-4383-bf8f-1e5138e1b030.png +0 -0
  206. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_080fa361-a3f2-4593-9ac0-03cf3a7972ff.png +0 -0
  207. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_5ebade34-8f1d-4c2c-9d27-5f9e843ce502.png +0 -0
  208. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_aa5e4144-9ec8-4525-b01e-077d72f0bab6.png +0 -0
  209. package/dist/exports/trial-01-welcome/index.braze.html +941 -0
  210. package/dist/exports/trial-01-welcome/index.html +941 -0
  211. package/dist/exports/trial-02/Images/tp2_Image_5b0d9bc4-2e38-4252-8f20-d9f27d471c21.png +0 -0
  212. package/dist/exports/trial-02/Images/tp2_Image_b3f77c7c-cc8e-4db8-a5d9-072f4f621e72.png +0 -0
  213. package/dist/exports/trial-02/Images/tp2_Image_cafd1a17-1915-47cd-80f2-1c2d0b133cfe.png +0 -0
  214. package/dist/exports/trial-02/index.braze.html +923 -0
  215. package/dist/exports/trial-02/index.html +923 -0
  216. package/dist/exports/trial-03/Images/tp3_Image_1b96630c-fc4d-4aec-91fb-3c1d4d8544b3.png +0 -0
  217. package/dist/exports/trial-03/Images/tp3_Image_58f3a342-2193-4b5c-b30a-96f7f3338dd8.png +0 -0
  218. package/dist/exports/trial-03/Images/tp3_Image_6c4f307a-bac2-40e7-b4f1-9aa623c9eb8e.png +0 -0
  219. package/dist/exports/trial-03/Images/tp3_Image_848917ce-3f89-4538-a826-558b21f5fea7.png +0 -0
  220. package/dist/exports/trial-03/Images/tp3_Image_aae8410f-556f-4fb9-88f9-f276d75bafd2.png +0 -0
  221. package/dist/exports/trial-03/Images/tp3_Image_b4d5be39-509e-4f22-9601-dd070e4c6561.png +0 -0
  222. package/dist/exports/trial-03/index.braze.html +1129 -0
  223. package/dist/exports/trial-03/index.html +1129 -0
  224. package/dist/exports/trial-04/Images/tp4_Image_03bd5a56-25e3-4dcc-bef5-143bf12312d5.png +0 -0
  225. package/dist/exports/trial-04/Images/tp4_Image_0facbfca-b735-4199-a0d9-05a59341a1e3.gif +0 -0
  226. package/dist/exports/trial-04/Images/tp4_Image_171cee5f-cd3d-42f0-a180-995893d3742a.png +0 -0
  227. package/dist/exports/trial-04/Images/tp4_Image_3509d89d-1825-4817-8c1e-130fa294d0e1.png +0 -0
  228. package/dist/exports/trial-04/Images/tp4_Image_763a0f40-2985-4140-859b-ddd34f20a520.png +0 -0
  229. package/dist/exports/trial-04/Images/tp4_Image_cc2db4f5-b41d-45d7-a798-7a79e7b8d4d8.png +0 -0
  230. package/dist/exports/trial-04/index.braze.html +885 -0
  231. package/dist/exports/trial-04/index.html +885 -0
  232. package/dist/exports/trial-05/Images/tp5_Image_0248a517-5c60-4e84-ad1c-449dcf4f6a64.png +0 -0
  233. package/dist/exports/trial-05/Images/tp5_Image_4c1a2d5a-47d3-4801-bb3a-01c22decc108.png +0 -0
  234. package/dist/exports/trial-05/Images/tp5_Image_63ae77e7-cec7-4b4a-91e0-603b5a80929f.png +0 -0
  235. package/dist/exports/trial-05/Images/tp5_Image_7aa43530-6707-4308-ab0e-e4c38fc1b77d.png +0 -0
  236. package/dist/exports/trial-05/Images/tp5_Image_7efe5b6d-b360-4179-bee1-72908ba569bc.png +0 -0
  237. package/dist/exports/trial-05/Images/tp5_Image_b142bd84-c40a-4a29-b9d5-715b52fdd937.png +0 -0
  238. package/dist/exports/trial-05/Images/tp5_Image_c0c896ea-5b68-4f58-9e27-cdb4a1f1b438.png +0 -0
  239. package/dist/exports/trial-05/index.braze.html +1023 -0
  240. package/dist/exports/trial-05/index.html +1023 -0
  241. package/dist/exports/trial-06/Images/tp6_Image_2267a268-8a80-4e0d-8813-d4c75dbab6f2.png +0 -0
  242. package/dist/exports/trial-06/Images/tp6_Image_637a97b7-837e-478d-8ed1-6e8c2739fdc7.png +0 -0
  243. package/dist/exports/trial-06/Images/tp6_Image_a78df270-ad6f-41e6-8822-ba8ec38313a3.png +0 -0
  244. package/dist/exports/trial-06/index.braze.html +773 -0
  245. package/dist/exports/trial-06/index.html +773 -0
  246. package/dist/exports/winback/Images/_managers_Image_4587ac22-460c-487a-bc37-9dbc487e95a4.png +0 -0
  247. package/dist/exports/winback/Images/_managers_Image_8a77ec2c-ed49-480d-a1a1-7a38abad232a.png +0 -0
  248. package/dist/exports/winback/Images/_managers_Image_bb643775-8a2f-4e28-9dfb-6d1838c3561f.png +0 -0
  249. package/dist/exports/winback/Images/_managers_Image_f7d1bca5-0fcb-4d4c-abcd-40ce2d453b07.png +0 -0
  250. package/dist/exports/winback/index.braze.html +605 -0
  251. package/dist/exports/winback/index.html +605 -0
  252. package/dist/generated/email-tokens.d.ts +101 -0
  253. package/dist/generated/email-tokens.d.ts.map +1 -0
  254. package/dist/generated/email-tokens.js +104 -0
  255. package/dist/generated/email-tokens.js.map +1 -0
  256. package/dist/index.d.ts +9 -0
  257. package/dist/index.d.ts.map +1 -0
  258. package/dist/index.js +8 -0
  259. package/dist/index.js.map +1 -0
  260. package/dist/tokens/build-email-assets.d.ts +19 -0
  261. package/dist/tokens/build-email-assets.d.ts.map +1 -0
  262. package/dist/tokens/build-email-assets.js +186 -0
  263. package/dist/tokens/build-email-assets.js.map +1 -0
  264. package/dist/tokens/build-email-tokens.d.ts +17 -0
  265. package/dist/tokens/build-email-tokens.d.ts.map +1 -0
  266. package/dist/tokens/build-email-tokens.js +229 -0
  267. package/dist/tokens/build-email-tokens.js.map +1 -0
  268. package/package.json +41 -3
package/dist/emails/section-two-column-stacked.html ADDED
@@ -0,0 +1,629 @@
1
+ <!doctype html>
2
+ <html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <title>Two Column — Stacked img/text/link (2 rows)</title>
5
+ <!--[if !mso]><!-->
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <!--<![endif]-->
8
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <style type="text/css">
11
+ #outlook a { padding:0; }
12
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
13
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
14
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
15
+ p { display:block;margin:13px 0; }
16
+ </style>
17
+ <!--[if mso]>
18
+ <noscript>
19
+ <xml>
20
+ <o:OfficeDocumentSettings>
21
+ <o:AllowPNG/>
22
+ <o:PixelsPerInch>96</o:PixelsPerInch>
23
+ </o:OfficeDocumentSettings>
24
+ </xml>
25
+ </noscript>
26
+ <![endif]-->
27
+ <!--[if lte mso 11]>
28
+ <style type="text/css">
29
+ .mj-outlook-group-fix { width:100% !important; }
30
+ </style>
31
+ <![endif]-->
32
+
33
+ <!--[if !mso]><!-->
34
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet" type="text/css">
35
+ <style type="text/css">
36
+ @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);
37
+ </style>
38
+ <!--<![endif]-->
39
+
40
+
41
+
42
+ <style type="text/css">
43
+ @media only screen and (min-width:480px) {
44
+ .mj-column-per-21-428571428571427 { width:21.428571428571427% !important; max-width: 21.428571428571427%; }
45
+ .mj-column-per-78-57142857142857 { width:78.57142857142857% !important; max-width: 78.57142857142857%; }
46
+ }
47
+ </style>
48
+ <style media="screen and (min-width:480px)">
49
+ .moz-text-html .mj-column-per-21-428571428571427 { width:21.428571428571427% !important; max-width: 21.428571428571427%; }
50
+ .moz-text-html .mj-column-per-78-57142857142857 { width:78.57142857142857% !important; max-width: 78.57142857142857%; }
51
+ </style>
52
+
53
+
54
+
55
+
56
+ <style type="text/css">
57
+
58
+ @media only screen and (max-width:479px) {
59
+ table.mj-full-width-mobile { width: 100% !important; }
60
+ td.mj-full-width-mobile { width: auto !important; }
61
+ }
62
+
63
+ </style>
64
+
65
+ <style type="text/css">
66
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
67
+ img { display: block; }
68
+ .ExternalClass { width: 100%; }
69
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
70
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
71
+ .dl { display: none; }
72
+
73
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
74
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
75
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
76
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
77
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
78
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
79
+ @media only screen and (max-width: 479px) {
80
+ .clay-h1 > div { font-size: 48px !important; }
81
+ .clay-h2 > div { font-size: 40px !important; }
82
+ .clay-h3 > div { font-size: 32px !important; }
83
+ .clay-h4 > div { font-size: 24px !important; }
84
+
85
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
86
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
87
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
88
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
89
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
90
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
91
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
92
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
93
+
94
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
95
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
96
+ Targets the inner <div> MJML wraps text content in. */
97
+ .email-mobile-center > div { text-align: center !important; }
98
+
99
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
100
+ text-align on the td does not reposition its block-level child table (CSS text-align
101
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
102
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
103
+ .email-mobile-center-img { text-align: center !important; }
104
+ .email-mobile-center-img > table { margin: 0 auto !important; }
105
+
106
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
107
+ Makes the button's inner <table> fill the column width and centers it.
108
+ Matches emaillove .mj-b-full pattern. */
109
+ .email-btn-full > table { width: 100% !important; }
110
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
111
+ }
112
+
113
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
114
+ Overrides MJML's default text-align:center on the inner td and anchor so
115
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
116
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
117
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
118
+
119
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
120
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
121
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
122
+ image unrotated — safe graceful degradation, never a broken layout. */
123
+ .email-tilt-1 { transform: rotate(-6deg); }
124
+ .email-tilt-2 { transform: rotate(4deg); }
125
+ .email-tilt-3 { transform: rotate(-4deg); }
126
+ .email-tilt-4 { transform: rotate(6deg); }
127
+
128
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
129
+ @media (prefers-color-scheme: dark) {
130
+ body, .email-page { background-color: #000000 !important; }
131
+ /*
132
+ * email-card: flip a section or column's background to dark.
133
+ *
134
+ * Three selectors cover every compiled MJML structure:
135
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
136
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
137
+ * 3. .email-card > table > tbody > tr > td
138
+ * — the content <td> inside mj-column (carries inline bg-color
139
+ * + border-radius when background-color is set on mj-column)
140
+ *
141
+ * Apply css-class="email-card" to any mj-section or mj-column that should
142
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
143
+ */
144
+ .email-card,
145
+ .email-card > table,
146
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
147
+ .email-text, .email-text * { color: #ffffff !important; }
148
+ .ll { display: none !important; }
149
+ .dl { display: block !important; }
150
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
151
+ mj-button to white background + black text in dark mode. Matches emaillove global
152
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
153
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
154
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
155
+ }
156
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
157
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
158
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
159
+ [data-ogsb] .email-card,
160
+ [data-ogsb] .email-card > table,
161
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
162
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
163
+ </style>
164
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
165
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
166
+ <meta name="x-apple-disable-message-reformatting" />
167
+ <meta name="color-scheme" content="light dark" />
168
+ <meta name="supported-color-schemes" content="light dark" />
169
+ </head>
170
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
171
+
172
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Two Column Stacked</div>
173
+
174
+
175
+ <div
176
+ aria-label="Two Column — Stacked img/text/link (2 rows)" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
177
+ >
178
+
179
+
180
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-card-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
181
+
182
+
183
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
184
+
185
+ <table
186
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
187
+ >
188
+ <tbody>
189
+ <tr>
190
+ <td
191
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
192
+ >
193
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
194
+
195
+ <!-- two-column-stacked — three rows of image + title + body + link (stacks full-width < 480px).
196
+ Source: emaillove "Two colomn" export / Figma "Two Column/Small img-text-link" (480px tall variant, node f8b-55).
197
+ Each row: image 120px (21.4286% of 560px) + text 440px (78.5714%) = 560px inner content.
198
+ Rows 2+3 have 32px top gap. fluid-on-mobile makes images fill 100% when stacked on mobile. -->
199
+ <!--[if mso | IE]><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
200
+
201
+
202
+ <div style="margin:0px auto;max-width:640px;">
203
+
204
+ <table
205
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
206
+ >
207
+ <tbody>
208
+ <tr>
209
+ <td
210
+ style="direction:ltr;font-size:0px;padding:24px 40px 0;text-align:center;"
211
+ >
212
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:120px;" ><![endif]-->
213
+
214
+ <div
215
+ class="mj-column-per-21-428571428571427 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
216
+ >
217
+
218
+ <table
219
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
220
+ >
221
+ <tbody>
222
+ <tr>
223
+ <td style="vertical-align:top;padding:0;">
224
+
225
+ <table
226
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
227
+ >
228
+ <tbody>
229
+
230
+ <tr>
231
+ <td
232
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
233
+ >
234
+
235
+ <table
236
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
237
+ >
238
+ <tbody>
239
+ <tr>
240
+ <td style="width:120px;" class="mj-full-width-mobile">
241
+
242
+ <img
243
+ alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJz48cmVjdCB3aWR0aD0nMTIwJyBoZWlnaHQ9JzEyMCcgcng9JzgnIGZpbGw9JyNlNmU3ZWEnLz48L3N2Zz4=" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="120" height="auto"
244
+ />
245
+
246
+ </td>
247
+ </tr>
248
+ </tbody>
249
+ </table>
250
+
251
+ </td>
252
+ </tr>
253
+
254
+ </tbody>
255
+ </table>
256
+
257
+ </td>
258
+ </tr>
259
+ </tbody>
260
+ </table>
261
+
262
+ </div>
263
+
264
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:440px;" ><![endif]-->
265
+
266
+ <div
267
+ class="mj-column-per-78-57142857142857 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
268
+ >
269
+
270
+ <table
271
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
272
+ >
273
+ <tbody>
274
+ <tr>
275
+ <td style="vertical-align:top;padding-left:16px;">
276
+
277
+ <table
278
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
279
+ >
280
+ <tbody>
281
+
282
+ <tr>
283
+ <td
284
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
285
+ >
286
+
287
+ <div
288
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
289
+ >Choose the right view</div>
290
+
291
+ </td>
292
+ </tr>
293
+
294
+ <tr>
295
+ <td
296
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
297
+ >
298
+
299
+ <div
300
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
301
+ >Visualize your data as a Gantt chart, timeline, calendar, Kanban board, and more — pick what fits your workflow best.</div>
302
+
303
+ </td>
304
+ </tr>
305
+
306
+ <tr>
307
+ <td
308
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:12px;word-break:break-word;"
309
+ >
310
+
311
+ <div
312
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
313
+ ><a href="https://monday.com" style="color:#6161ff;text-decoration:underline;">Explore all views &gt;</a></div>
314
+
315
+ </td>
316
+ </tr>
317
+
318
+ </tbody>
319
+ </table>
320
+
321
+ </td>
322
+ </tr>
323
+ </tbody>
324
+ </table>
325
+
326
+ </div>
327
+
328
+ <!--[if mso | IE]></td></tr></table><![endif]-->
329
+ </td>
330
+ </tr>
331
+ </tbody>
332
+ </table>
333
+
334
+ </div>
335
+
336
+
337
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
338
+
339
+
340
+ <div style="margin:0px auto;max-width:640px;">
341
+
342
+ <table
343
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
344
+ >
345
+ <tbody>
346
+ <tr>
347
+ <td
348
+ style="direction:ltr;font-size:0px;padding:32px 40px 0;text-align:center;"
349
+ >
350
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:120px;" ><![endif]-->
351
+
352
+ <div
353
+ class="mj-column-per-21-428571428571427 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
354
+ >
355
+
356
+ <table
357
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
358
+ >
359
+ <tbody>
360
+ <tr>
361
+ <td style="vertical-align:top;padding:0;">
362
+
363
+ <table
364
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
365
+ >
366
+ <tbody>
367
+
368
+ <tr>
369
+ <td
370
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
371
+ >
372
+
373
+ <table
374
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
375
+ >
376
+ <tbody>
377
+ <tr>
378
+ <td style="width:120px;" class="mj-full-width-mobile">
379
+
380
+ <img
381
+ alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJz48cmVjdCB3aWR0aD0nMTIwJyBoZWlnaHQ9JzEyMCcgcng9JzgnIGZpbGw9JyNlNmU3ZWEnLz48L3N2Zz4=" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="120" height="auto"
382
+ />
383
+
384
+ </td>
385
+ </tr>
386
+ </tbody>
387
+ </table>
388
+
389
+ </td>
390
+ </tr>
391
+
392
+ </tbody>
393
+ </table>
394
+
395
+ </td>
396
+ </tr>
397
+ </tbody>
398
+ </table>
399
+
400
+ </div>
401
+
402
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:440px;" ><![endif]-->
403
+
404
+ <div
405
+ class="mj-column-per-78-57142857142857 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
406
+ >
407
+
408
+ <table
409
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
410
+ >
411
+ <tbody>
412
+ <tr>
413
+ <td style="vertical-align:top;padding-left:16px;">
414
+
415
+ <table
416
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
417
+ >
418
+ <tbody>
419
+
420
+ <tr>
421
+ <td
422
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
423
+ >
424
+
425
+ <div
426
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
427
+ >Prioritize what matters</div>
428
+
429
+ </td>
430
+ </tr>
431
+
432
+ <tr>
433
+ <td
434
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
435
+ >
436
+
437
+ <div
438
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
439
+ >Use the Sort by and Group by features to organize your work by owner, status, date, or any priority you define.</div>
440
+
441
+ </td>
442
+ </tr>
443
+
444
+ <tr>
445
+ <td
446
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
447
+ >
448
+
449
+ <div
450
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
451
+ ><a href="https://monday.com" style="color:#6161ff;text-decoration:underline;">Explore all views &gt;</a></div>
452
+
453
+ </td>
454
+ </tr>
455
+
456
+ </tbody>
457
+ </table>
458
+
459
+ </td>
460
+ </tr>
461
+ </tbody>
462
+ </table>
463
+
464
+ </div>
465
+
466
+ <!--[if mso | IE]></td></tr></table><![endif]-->
467
+ </td>
468
+ </tr>
469
+ </tbody>
470
+ </table>
471
+
472
+ </div>
473
+
474
+
475
+ <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
476
+
477
+
478
+ <div style="margin:0px auto;max-width:640px;">
479
+
480
+ <table
481
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
482
+ >
483
+ <tbody>
484
+ <tr>
485
+ <td
486
+ style="direction:ltr;font-size:0px;padding:32px 40px 24px;text-align:center;"
487
+ >
488
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:120px;" ><![endif]-->
489
+
490
+ <div
491
+ class="mj-column-per-21-428571428571427 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
492
+ >
493
+
494
+ <table
495
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
496
+ >
497
+ <tbody>
498
+ <tr>
499
+ <td style="vertical-align:top;padding:0;">
500
+
501
+ <table
502
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
503
+ >
504
+ <tbody>
505
+
506
+ <tr>
507
+ <td
508
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
509
+ >
510
+
511
+ <table
512
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
513
+ >
514
+ <tbody>
515
+ <tr>
516
+ <td style="width:120px;" class="mj-full-width-mobile">
517
+
518
+ <img
519
+ alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJz48cmVjdCB3aWR0aD0nMTIwJyBoZWlnaHQ9JzEyMCcgcng9JzgnIGZpbGw9JyNlNmU3ZWEnLz48L3N2Zz4=" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="120" height="auto"
520
+ />
521
+
522
+ </td>
523
+ </tr>
524
+ </tbody>
525
+ </table>
526
+
527
+ </td>
528
+ </tr>
529
+
530
+ </tbody>
531
+ </table>
532
+
533
+ </td>
534
+ </tr>
535
+ </tbody>
536
+ </table>
537
+
538
+ </div>
539
+
540
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:440px;" ><![endif]-->
541
+
542
+ <div
543
+ class="mj-column-per-78-57142857142857 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
544
+ >
545
+
546
+ <table
547
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
548
+ >
549
+ <tbody>
550
+ <tr>
551
+ <td style="vertical-align:top;padding-left:16px;">
552
+
553
+ <table
554
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
555
+ >
556
+ <tbody>
557
+
558
+ <tr>
559
+ <td
560
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:16px;word-break:break-word;"
561
+ >
562
+
563
+ <div
564
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:600;line-height:1.4;text-align:left;color:#000000;"
565
+ >Build high-level overviews</div>
566
+
567
+ </td>
568
+ </tr>
569
+
570
+ <tr>
571
+ <td
572
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
573
+ >
574
+
575
+ <div
576
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#000000;"
577
+ >Monitor progress across projects, teams, and timelines all in one place with dashboards and overview widgets.</div>
578
+
579
+ </td>
580
+ </tr>
581
+
582
+ <tr>
583
+ <td
584
+ align="left" class="email-text email-mobile-center" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
585
+ >
586
+
587
+ <div
588
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;color:#6161ff;"
589
+ ><a href="https://monday.com" style="color:#6161ff;text-decoration:none;">Explore all views &gt;</a></div>
590
+
591
+ </td>
592
+ </tr>
593
+
594
+ </tbody>
595
+ </table>
596
+
597
+ </td>
598
+ </tr>
599
+ </tbody>
600
+ </table>
601
+
602
+ </div>
603
+
604
+ <!--[if mso | IE]></td></tr></table><![endif]-->
605
+ </td>
606
+ </tr>
607
+ </tbody>
608
+ </table>
609
+
610
+ </div>
611
+
612
+
613
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
614
+ </td>
615
+ </tr>
616
+ </tbody>
617
+ </table>
618
+
619
+ </div>
620
+
621
+
622
+ <!--[if mso | IE]></td></tr></table><![endif]-->
623
+
624
+
625
+ </div>
626
+
627
+ </body>
628
+ </html>
629
+