🟣 TOOOLS #10: Impeccable, SOOT Spiral, Shaders, Branda, blokdots

<!-- ============ TOOOL OF THE WEEK ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:0px;padding-right:0;padding-bottom:20px;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img width="24" align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-toooloftheweek.png" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;TOOOL OF THE WEEK</span></p> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-radius:28px 28px 0 0;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:20px 20px 0 20px;Margin:0"> <a target="_blank" href="https://impeccable.style/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-10/impeccable-ai-coding-agent-design-skill-frontend.jpg" alt="Tool image" width="100%" title="Tool image" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:12px;max-width:544px"></a> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:24px 22px 0 22px;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:21.6px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://impeccable.style/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;line-height:21.6px;font-family:Inter, sans-serif">Impeccable</a></strong></p> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafe" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;background-color:#fafafe;border-radius:0 0 28px 28px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0 22px 24px 22px;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Impeccable adds design taste to AI coding assistants so generated interfaces stop looking generic. It reads your design system, hands the AI a real visual vocabulary, and flags the slop patterns before they ship. Live Mode lets you click any element on your running site, leave a note like "more elegant," and watch three shippable variants land in your files. Open source, and opinionated about what good design looks like.</p> </td> </tr> </tbody> </table> <!-- ============ ALSO ON THE RADAR ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-ontheradar.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="line-height:24.7px;font-family:Inter, sans-serif;font-size:13px;color:#6f6d7f">&nbsp; &nbsp;ALSO ON THE RADAR</span></p> </td> </tr> </tbody> </table> <!-- Radar Tool 1 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://spiral.soot.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-10/soot-spiral-visual-search-engine-moodboard-creative.jpg" width="80" alt="Tool icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a href="https://spiral.soot.com/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>SOOT Spiral</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">A visual search engine that arranges hundreds of real images on a curved canvas, revealing timelines and aesthetic relationships flat moodboards miss.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 2 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://shaders.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-10/shaders-webgpu-component-library-frontend-effects.jpg" width="80" alt="Tool icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://shaders.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Shaders</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">A collection of animated backgrounds, logo shaders, and image treatments you customize in a visual editor and drop straight into any site.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 3 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://branda.co/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-10/branda-ai-brand-kit-strategy-logo-palette.jpg" width="80" alt="Tool icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://branda.co/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Branda</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Turns a one-sentence idea into a full brand: name, logo, palette, typography, and a brand kit, with 200 free credits on signup.</p> </td> </tr> </tbody> </table> <!-- Spacer between radar tools --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Radar Tool 4 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td valign="top" style="padding:0;Margin:0;width:104px"> <a target="_blank" href="https://blokdots.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-10/blokdots-no-code-arduino-hardware-prototyping.jpg" width="80" alt="Tool icon" title="Tool icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:14px"></a> </td> <td valign="top" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://blokdots.com/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>blokdots</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Build interactive hardware prototypes by snapping if-this-then-that sentences together, no code or wiring required.</p> </td> </tr> </tbody> </table> <!-- ============ SPOTLIGHT (PARTNER) ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:20px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-spotlight.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;SPOTLIGHT (PARTNER)</span></p> </td> </tr> </tbody> </table> <table bgcolor="#fafafe" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-radius:28px;background-color:#fafafe;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:20px;Margin:0"> <!--[if mso]><table style="width:100%" cellpadding="0" cellspacing="0"><tr><td style="width:320px" valign="top"><![endif]--> <table cellpadding="0" cellspacing="0" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;float:left" role="none"> <tbody> <tr> <td valign="top" align="center" style="padding:0;Margin:0;width:252px"> <a target="_blank" href="https://mobbin.com/mcp?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#1376C8;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/issue-9/mobbin-mcp-design-reference-for-ai-agents.jpg" width="100%" alt="Mobbin MCP" title="Mobbin MCP" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0;border-radius:12px;max-width:100%"></a> </td> </tr> </tbody> </table> <!--[if mso]></td><td style="width:20px"></td><td style="width:204px" valign="top"><![endif]--> <!-- Mobile-only spacer --> <table class="es-desk-hidden" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;display:none;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:24px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <table cellpadding="0" cellspacing="0" align="right" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;float:right" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;width:232px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a href="https://mobbin.com/mcp?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Mobbin MCP</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Plugs Mobbin's library of 621,500+ real app screens into the AI tools you already use, so generated designs start from proven patterns instead of generic guesses.</p> </td> </tr> </tbody> </table> <!--[if mso]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <!-- ============ A FEW READS & LISTENS ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-readslistens.png" width="24" align="left" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;A FEW READS &amp; LISTENS</span></p> </td> </tr> </tbody> </table> <!-- Read 1: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">UX COLLECTIVE &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://uxdesign.cc/designing-for-ai-means-designing-like-its-1999-da9c53d24644?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Designing for AI means designing like it's 1999</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Patrick Neeman argues the conventions of designing with AI haven't hardened yet, so this is the rare moment when the work matters more. The advice: design toward the job, build for the model two generations away, and treat the AI moment like the 1999 web, an invitation to make the thing before anyone has worked out the right way.</p> </td> </tr> </tbody> </table> <!-- Spacer --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Read 2: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">ANTON STEN &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a href="https://www.antonsten.com/articles/the-2-7-problem/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>The 2-7 problem</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">AI raises the floor of acceptable work but can't reach a 9 or 10, and can't make a memorable 1 either. The harder argument: when the first output is decent, you stop. Skipping the messy versions skips the part where taste gets built.</p> </td> </tr> </tbody> </table> <!-- Spacer --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"><tbody><tr><td style="padding:0;Margin:0;height:40px;font-size:0;line-height:0">&nbsp;</td></tr></tbody></table> <!-- Read 3: Article --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:4px"><strong style="font-weight:700 !important">SHAPES.GG &nbsp;<span style="font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif">&#x1F4D6;</span> <span style="color:#759ee3">ARTICLE</span></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px;padding-bottom:6px"><strong style="font-weight:700 !important"><a target="_blank" href="https://www.shapes.gg/figma-agent-a-first-look/?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Figma Agent: A first look</u></a></strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Gjermund Gustavsen runs the new Figma Agent through five real tasks: drawing chess pieces, building a slide deck, designing a signup flow, making a business card, and laying out an article. Useful field notes on where the agent earns its keep and where it still wastes your time.</p> </td> </tr> </tbody> </table> <!-- ============ UPDATES & NEWS ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:20px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-updatesnews.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;UPDATES &amp; NEWS</span></p> </td> </tr> </tbody> </table> <!-- News Item 1 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.figma.com/blog/figma-make-now-on-your-local-code/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Figma Make can now edit your real project: visual changes turn into commits and pull requests from inside the desktop app</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 2 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://pitch.com/whats-new/introducing-pitch-agent?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Pitch launches Pitch Agent, generating on-brand decks from your templates, layouts, and design language</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 3 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://mistral.ai/news/vibe-agent?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Mistral relaunches Le Chat as Vibe, a unified agent with new Work and Code modes for long-running research, drafting, and coding</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 4 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.anthropic.com/news/series-h?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Anthropic raises $65B Series H at a $965B valuation, with Claude run-rate revenue crossing $47B</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 5 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.figma.com/release-notes/?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Figma Slots gain guardrails: min and max layers, preferred instances, and default behaviors per slot</u></a></p> </td> </tr> </tbody> </table> <!-- News Item 6 --> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-top:20px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px"><a href="https://www.ferrari.com/en-EN/auto/ferrari-luce?via=toools" target="_blank" style="mso-line-height-rule:exactly;text-decoration:underline;color:#0a0523;font-size:18px;font-family:Inter, sans-serif"><u>Ferrari unveils the Luce, its first electric production car, shaped with LoveFrom (Jony Ive and Marc Newson)</u></a></p> </td> </tr> </tbody> </table> <!-- ============ ONE MORE THING ============ --> <table cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="Margin:0;padding-top:80px;padding-bottom:40px;padding-right:0;padding-left:0"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;letter-spacing:0;color:#333333;font-size:14px"><img align="left" src="https://ik.imagekit.io/gua3dld9n/newsletter/ic-onemorething.png" width="24" alt="Section Icon" title="Section Icon" style="display:block;font-size:14px;border:0;outline:none;text-decoration:none;margin:0"><span style="color:#7b788c;line-height:24.7px;font-family:Inter, sans-serif;font-size:13px">&nbsp; &nbsp;ONE MORE THING ...</span></p> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;width:100%" role="none"> <tbody> <tr> <td align="left" style="padding:0;Margin:0;padding-bottom:0px"> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:16.9px;letter-spacing:0;color:#59566d;font-size:13px;padding-bottom:12px"><strong style="font-weight:700 !important">A TIP WORTH EXPLORING</strong></p> <p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:27px;letter-spacing:0;color:#0a0523;font-size:18px">AI briefs need motion vocabulary, not adjectives.</p> </td> </tr> <tr> <td align="left" class="es-text-7610" style="padding:0;Margin:0;padding-top:16px"><p style="Margin:0;mso-line-height-rule:exactly;font-family:Inter, sans-serif;line-height:18.2px;letter-spacing:0;color:#59566d;font-size:14px">Emil Kowalski just shipped a free <a target="_blank" href="https://animations.dev/vocabulary?via=toools" style="mso-line-height-rule:exactly;text-decoration:underline;color:#59566d;font-family:Inter, sans-serif"><strong style="font-weight:700 !important">motion vocabulary</strong></a> so designers can brief AI on animation with precise words. Stagger, crossfade, morph, direction-aware: each comes with a working example.</p></td> </tr> </tbody> </table>