<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html charset=UTF-8"><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="x-apple-disable-message-reformatting"><title>TLDR Design</title><meta name="color-scheme" content="light dark"><meta name="supported-color-schemes" content="light dark"><style type="text/css">
:root {
color-scheme: light dark; supported-color-schemes: light dark;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
* {
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
html,
body,
.document {
width: 100% !important; height: 100% !important; margin: 0; padding: 0;
}
body {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
}
div[style*="margin: 16px 0"] {
margin: 0 !important;
}
table,
td {
mso-table-lspace: 0pt; mso-table-rspace: 0pt;
}
table {
border-spacing: 0; border-collapse: collapse; table-layout: fixed; margin: 0 auto;
}
img {
-ms-interpolation-mode: bicubic; max-width: 100%; border: 0;
}
*[x-apple-data-detectors] {
color: inherit !important; text-decoration: none !important;
}
.x-gmail-data-detectors,
.x-gmail-data-detectors *,
.aBn {
border-bottom: 0 !important; cursor: default !important;
}
.btn {
-webkit-transition: all 200ms ease; transition: all 200ms ease;
}
.btn:hover {
background-color: #f67575; border-color: #f67575;
}
* {
font-family: Arial, Helvetica, sans-serif; font-size: 18px;
}
@media screen and (max-width: 600px) {
.container {
width: 100%; margin: auto;
}
.stack {
display: block!important; width: 100%!important; max-width: 100%!important;
}
.btn {
display: block; width: 100%; text-align: center;
}
}
body,
p,
td,
tr,
.body,
table,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span {
background-color: #FEFEFE !important; color: #010101 !important;
}
@media (prefers-color-scheme: dark) {
body,
p,
td,
tr,
.body,
table,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span {
background-color: #27292D !important; color: #FEFEFE !important;
}
}
a {
color: inherit !important; text-decoration: underline !important;
}
</style><!--[if mso | ie]>
<style type="text/css">
a {
background-color: #FEFEFE !important; color: #010101 !important;
}
@media (prefers-color-scheme: dark) {
a {
background-color: #27292D !important; color: #FEFEFE !important;
}
}
</style>
<![endif]--></head><body class="">
<div style="display: none; max-height: 0px; overflow: hidden;">Apple launched "Ads on Maps" on Friday, letting US and Canadian businesses buy ad placements with no minimum spend, photo uploads </div>
<div style="display: none; max-height: 0px; overflow: hidden;">
<br>
</div>
<table align="center" class="document"><tbody><tr><td valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="600"><tbody><tr class="inner-body"><td>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="header"><td bgcolor="" class="container">
<table width="100%"><tbody><tr><td class="container">
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" style="margin-top: 0px;" width="100%"><tbody><tr><td style="padding: 0px;">
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div style="text-align: center;">
<span style="margin-right: 0px;"><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftldr.tech%2Fdesign%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/Bbze0AgI-LYC1Yt2PvlRlJ0q6Dz8h4WMEUsCuCaKq4Q=452" rel="noopener noreferrer" target="_blank"><span>Sign Up</span></a>
|<span style="margin-right: 2px; margin-left: 2px;"><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fadvertise.tldr.tech%2Faudiences%2Fdesign-professionals%2F%3Futm_source=tldrdesign%26utm_medium=newsletter%26utm_campaign=advertisetopnav/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/oOZ0he6Aa9-s9iLdJFzxG_XC9t_w0DudQdjFzY9EKEk=452" rel="noopener noreferrer" target="_blank"><span>Advertise</span></a></span>|<span style="margin-left: 2px;"><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fa.tldrnewsletter.com%2Fweb-version%3Fep=1%26lc=166ec370-84b7-11f0-814d-55fc1d40139c%26p=9befb934-9c60-11f1-a837-fb24722c0688%26pt=campaign%26t=1787227640%26s=16d5ae0a13e8be289b0d0fdd4ed76b881759285afe1c17dd260bba17e9d64dca/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/nLVpa39JN8zWm8Oq6vE6umTCzQglp-kd1JCSMhk_Y5Y=452"><span>View Online</span></a></span>
<br>
</span></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="text-align: center;"><span data-darkreader-inline-color="" style="--darkreader-inline-color:#3db3ff; color: rgb(51, 175, 255) !important; font-size: 30px;">T</span><span style="font-size: 30px;"><span data-darkreader-inline-color="" style="color: rgb(232, 192, 96) !important; --darkreader-inline-color:#e8c163; font-size:30px;">L</span><span data-darkreader-inline-color="" style="color: rgb(101, 195, 173) !important; --darkreader-inline-color:#6ec7b2; font-size:30px;">D</span></span><span data-darkreader-inline-color="" style="--darkreader-inline-color:#dd6e6e; color: rgb(220, 107, 107) !important; font-size: 30px;">R</span>
<br>
</td></tr></tbody></table>
<br>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr id="together-with"><td align="center" height="20" style="vertical-align:middle !important;" valign="middle" width="100%"><strong style="vertical-align:middle !important; height: 100%;">Together With </strong>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.framer.com%2F%3Fdub_id=hDlBfNc4hTPX3cUg%26utm_source=tldrdesign%26utm_medium=newsletter%26utm_campaign=agents26%26utm_content=header_launch_fast_design_header_launch_fast_design/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/h33qFOyb-yX0-_7ElAI_DLmlQF4ZVSgELknTeSJpOB4=452"><img src="https://images.tldr.tech/framer.png" valign="middle" style="vertical-align: middle !important; height: 100%;" alt="Framer"></a></td></tr></tbody></table>
<table style="table-layout: fixed; width:100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;">
<div style="text-align: center;">
<h1><strong>TLDR Design <span id="date">2026-08-20</span></strong></h1>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width:100%;" width="100%"><tbody><tr id="sponsy-copy"><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.framer.com%2F%3Fdub_id=hDlBfNc4hTPX3cUg%26utm_source=tldrdesign%26utm_medium=newsletter%26utm_campaign=agents26%26utm_content=header_launch_fast_design_header_launch_fast_design/2/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/AOm4lfcJNerg1mOCRJlbpY7vFVQnE2p31pTUbuXV1HY=452">
<span>
<strong>Launch fast. Design beautifully with Framer. Now with Agents to make every step of the process effortless (Sponsor)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Framer is the pro website builder equipped with Agents that feel like a creative teammate on your canvas. Every change lands directly in your design, stays editable, and is ready to publish.<p></p><p>Together you can:</p><ul><li><strong>Design on the canvas:</strong> generate sections, explore directions, and refine layout and styling where you already work.</li><li><strong>Instant polish at scale:</strong> rewrite and localize copy, generate alt text, and keep SEO consistent across pages.</li><li><strong>Enforce your design system:</strong> clean up off-style elements, fix contrast issues, and keep your site consistent without the manual audit.</li></ul><p>👉 <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.framer.com%2F%3Fdub_id=hDlBfNc4hTPX3cUg%26utm_source=tldrdesign%26utm_medium=newsletter%26utm_campaign=agents26%26utm_content=cta_launch_site_framer_cta_launch_site_framer/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/bJ0FK00HPPAfpZ4LjKQbcqIJ2JC8qzEUYtMawKBJQfE=452" rel="noopener noreferrer nofollow" target="_blank"><span>Launch your site with Framer today</span></a>
</p>
</span></span></div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr>
<tr bgcolor=""><td class="container">
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 0px;">
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">📱</span></div></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;">
<h1><strong>News & Trends</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.mediapost.com%2Fpublications%2Farticle%2F417237%2Fapple-officially-rolls-out-ads-in-maps.html%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/_aoBAB_RlwezlLcriyTeekdtFroC2PxVD9OBW37PiM0=452">
<span>
<strong>Apple Maps Rolls Out Ads, Locates Madison Avenue (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Apple launched "Ads on Maps" on Friday, letting US and Canadian businesses buy ad placements with no minimum spend, photo uploads, and promotional messaging. Early adopters paying by credit card before October 11 get a 15% monthly credit (up to $1,000) for a year, targeting the platform's over one billion monthly business searches. Some categories, including home-services businesses, alcohol, and cryptocurrency ATMs, are barred from advertising under policy terms Apple published in July.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2F9to5google.com%2F2026%2F08%2F18%2Fspotify-rolling-out-user-notes-and-running-mode-features-heres-what-they-do%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/GKAJMwCjrmnCzUuGz2vogX3PsRElP1RrunJSMw6x1gg=452">
<span>
<strong>Spotify rolling out ‘User Notes' and ‘Running Mode' features on Android – here's what they do (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Spotify is rolling out Running Mode, a feature that generates workout playlists tailored to your running pace, workout type, duration, BPM, and music preferences, with optional audio coaching cues. Initially available to Premium users in select countries, it is now expanding to Android. Spotify is also introducing User Notes (now evolving into Playlist Notes), allowing users to add personal comments to tracks that can be seen in shared playlists, with the feature available to free and Premium users in selected markets.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2F9to5mac.com%2F2026%2F08%2F18%2Fheres-everything-new-for-apple-calendar-in-ios-27%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/me7WodGlo_4tAhZqgw4m0sn7AUTKrCklhSZ6Q3umjF8=452">
<span>
<strong>Here's everything new for Apple Calendar in iOS 27 (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
iOS 27 brings several upgrades to Apple Calendar, including natural-language event creation powered by Apple Intelligence, which can automatically fill in event details from a simple text description. The app also gets a refreshed design for viewing and editing events, adds a long-requested Busy/Free status option for iCloud calendars, supports new extra-large widgets for showing more upcoming events and reminders, and benefits from major Siri AI enhancements, including the ability to create events by scanning flyers and understanding personal context and on-screen content.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">🚀</span></div>
</div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;">
<h1><strong>Opinions & Tutorials</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.futurice.com%2Fblog%2Fspec-driven-design%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/cY-WdKOPi-p0iwy6H2PK_4PR0q0LNDK93VV7AlNBGtM=452">
<span>
<strong>Faster Prototypes Miss the Point: The Case for Spec-driven Design (11 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Design risks being sidelined in agentic development teams unless it moves beyond faster mockups toward actively authoring specs and managing knowledge. Two persistent inefficiencies—slow knowledge retrieval and lossy intent handoffs—can be resolved through a shared Product Knowledge Base and a single living feature spec that evolves from discovery through handover. This "spec-driven design" approach shifts designers' time toward user research and co-creation, letting intent and accumulated knowledge reach development intact rather than degrading through meetings and interpretation.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fsouthleft.substack.com%2Fp%2Fthe-design-system-was-fine-until%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/wSxxCtGCtOs55z4WbfGObZ_ZWpWvBofRMgYY6BLhZBY=452">
<span>
<strong>The Design System Was Fine Until the Agents Moved In (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI-assisted development quietly erodes design systems, as agents default to generating or pulling components instead of using governed ones, leaving documentation increasingly inaccurate. New design-system extraction tools added to Figma Console MCP analyze a codebase as it actually exists, pulling tokens and components and scaffolding a matching Storybook with a deterministic evaluation pass. Tested on Rateshare, a vibe-coded app with no prior system, the tools detected React, found 21 components, and verified them via Playwright, demonstrating the extraction mechanics rather than recovering from drift.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Flinks.tldrnewsletter.com%2FBaBh33/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/MCg0paiqjJK5lleLAD-17g5AYtN3xvK_lIrOF2Jrjlk=452">
<span>
<strong>We're gorging on borrowed trust and it's going to cost us (14 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
As AI becomes embedded in products and trusted brands, the biggest risk is that it delivers wrong answers with the same confidence as correct ones, making people more likely to trust it without questioning. Humans often equate confidence with expertise, so AI can borrow credibility from the brands that deploy it, potentially damaging trust when mistakes occur. The key challenge is ensuring meaningful human accountability rather than relying on unchecked automation, especially in situations where accuracy and trust matter most.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">💻</span></div>
</div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;">
<h1><strong>Launches & Tools</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fgkurt.com%2Ftegaki%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/4Hs4O6664WwdwQLSKnRbPHq7wzLCLtQbOIZpLiyTWTA=452">
<span>
<strong>Animated Handwriting from Any Font (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Generate stroke data, render beautiful writing animations in React, Svelte, Vue, SolidJS, Astro, Web Components, or vanilla JS.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fisolate.video%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/lNKS4iNeovvue_0_lh0d1Pkx1E_tRXOoNmWShO3WFtE=452">
<span>
<strong>AI Product Video Editor (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
isolate.video is a video editing app that turns screen recordings into polished product videos with automatic zoom, AI music, and spotlight effects.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fstate-of-ai-in-design-systems.netlify.app%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/lt8rN65OBqH3qv5Wm0Nn_ZX9RviXLCkUSm9Gh3hCo7Q=452">
<span>
<strong>How Design Systems Talk to Machines (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A study of the current state of the art in how design systems implement and distribute agentic tooling for DS contribution and consumption.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">🎁</span></div></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><strong><h1>Miscellaneous</h1></strong></div>
</div>
</td></tr></tbody></table>
<table bgcolor="" style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fdesignbeep.com%2F2026%2F08%2F15%2Fstopping-the-icon-sprawl-in-large-component-libraries%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/RvQI9juHSsAnh7FP0sPKcaAuOmHejx0-zjeMitm8zwE=452">
<span>
<strong>Stopping the Icon Sprawl in Large Component Libraries (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Icon fragmentation across shared React libraries stems from teams pulling mismatched assets, prompting platforms like Icons8 to offer 1.4 million assets organized into consistent visual styles. Its Collections feature lets teams build, bulk-recolor, and export unified asset sets as SVG sprite sheets, while animated Lottie icons and in-browser overlay editors handle micro-interactions and custom states. Limitations remain, including generic visual identity, restrictive free-tier formats, and simplified SVGs that complicate path-level customization.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fboldjourney.com%2Fdesigning-for-people-first-how-mark-williams-is-helping-businesses-turn-better-user-experiences-into-meaningful-growth%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/YVS5YcN-DGMJcvec6YKDu4NPIRBWF23C_hA8gbVzMiw=452">
<span>
<strong>How Mark Williams is Helping Businesses Turn Better User Experiences into Meaningful Growth (10 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
User experience functions as a business growth strategy rather than a purely aesthetic exercise. Treat AI as an accelerant for research and early-stage design work, not a replacement for human judgment, empathy, and strategic thinking in building great products.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">⚡</span></div></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;">
<h1><strong>Quick Links</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table bgcolor="" style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.wallpaper.com%2Fwatches-jewellery%2Fseiko-power-design-project-2026%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/0Br147Si-V8axY5A1j1psQ6wIwM9M2e6pP4PgBWiN0w=452">
<span>
<strong>Seiko's Designers Let Their Imaginations Run Wild with a New Generation of Watches (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Seiko's annual Power Design Project returned to Japan House London, letting in-house designers experiment freely with unconventional watch elements like dials, hands, and indices.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.creativeboom.com%2Finspiration%2Finspired-by-man-made-objects-and-nature-naruhiko-paints-ordinary-neighbourhoods-and-parks-across-japan%2F%3Futm_source=tldrdesign/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/g6qUxAGSrbmuv0bjTDt094Pe3M7url5FT9OUGEAhOp8=452">
<span>
<strong>Inspired by man-made objects and nature, Naruhiko paints 'ordinary' neighbourhoods and parks across Japan (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Japanese illustrator Naruhiko transforms ordinary neighbourhood scenes into quiet, atmospheric oil paintings that find beauty, nostalgia and emotional resonance in everyday parks, streets and overlooked urban details.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left" style="word-break: break-word; vertical-align: top; padding: 5px 10px;">
<p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">
Love TLDR? Tell your friends and get rewards!
</p>
</td></tr>
<tr><td class="container" style="padding: 0px 10px 15px;">
<div class="text-block">
Share your referral link below with friends to get free TLDR swag!
</div>
</td></tr>
<tr><td align="left" style="padding: 10px;">
<div class="text-block">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Frefer.tldr.tech%2Fb09f2b2d%2F4/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/s_7f7M2q0Tu_NoGqBtjgZYFK5jUScV2GG_Im_lKomaU=452" style="color: #464ba4; text-decoration: underline;">https://refer.tldr.tech/b09f2b2d/4</a>
</div>
</td></tr>
<tr></tr>
<tr><td align="left" style="padding:5px 10px;">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fhub.sparklp.co%2Fsub_4b74573b30f9%2F4/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/HOHvyF_kjv20O9HE3BoIny1a0TN9KasyrkVoqLtx-f4=452" style="font-size: 16px; line-height: 1.6; padding: 10px 0; display: inline-block; text-decoration: underline;"><span style="mso-text-raise:13pt; text-decoration: underline;">Track your referrals here.</span></a>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left" style="word-break: break-word; vertical-align: top; padding: 5px 10px;">
<p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">
Want to advertise in TLDR? 📰
</p>
<div class="text-block" style="margin-top: 10px;">
If your company is interested in reaching an audience of design professionals and decision makers, you may want to <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fadvertise.tldr.tech%2Faudiences%2Fdesign-professionals%2F%3Futm_source=tldrdesign%26utm_medium=newsletter%26utm_campaign=advertisecta/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/I-K13PQh3nSfP2gOa5O51lvtdWiknLZPde_UR4qeiIE=452"><strong><span>advertise with us</span></strong></a>.
</div>
<br>
<!-- New "Want to work at TLDR?" section -->
<p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">
Want to work at TLDR? 💼
</p>
<div class="text-block" style="margin-top: 10px;">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fjobs.ashbyhq.com%2Ftldr.tech/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/gbLH9W0_OkWBnvHX_kmSnVqJ1f3VmaUOvAifshIG11g=452" rel="noopener noreferrer" style="color: #0000EE; text-decoration: underline;" target="_blank"><strong>Apply here</strong></a>,
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fjobs.ashbyhq.com%2Ftldr.tech%2Fc227b917-a6a4-40ce-8950-d3e165357871/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/2-jOVHji2FZWUaS2MczRTVyD44rkev_LCU85J670JrA=452" rel="noopener noreferrer" style="color: #0000EE; text-decoration: underline;" target="_blank"><strong>create your own role</strong></a> or send a friend's resume to <a href="mailto:jobs@tldr.tech" style="color: #0000EE; text-decoration: underline;">jobs@tldr.tech</a> and get $1k if we hire them! TLDR is one of <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Ffeed%2Fupdate%2Furn:li:activity:7401699691039830016%2F/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/l6s3V2Sz3ZnSmV8RtoASeeSUu0Hwfn17GcxeY219d4Y=452" rel="noopener noreferrer" style="color: #0000EE; text-decoration: underline;" target="_blank"><strong>Inc.'s Best Bootstrapped businesses</strong></a> of 2025.
</div>
<br>
<div class="text-block">
If you have any comments or feedback, just respond to this email!
<br>
<br> Thanks for reading,
<br>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fhellojaelee%2F/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/_VXxQ1OruiPeJM5OUbjhG1IJlKBVn2dRL_NvJtN5ER4=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/4909HmT2bpUE_VI1EjPuNMLWOBImow1PWoFmK0qjH1c=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/roeI2Pk0lb9v_0ZGEXixi9cOpBUVNZn7hyYSCCxdAFg=452"><span>Ralph Brinker</span></a>
<br>
<br>
</div>
<br>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block" id="testing-id">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftldr.tech%2Fdesign%2Fmanage%3Femail=silk.theater.56%2540fwdnl.com/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/5vUDswjsjy7kc6pTt6D3L8en5w55c2oYd213C5tefKQ=452">Manage your subscriptions</a> to our other newsletters on tech, startups, and programming. Or if TLDR Design isn't for you, please <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fa.tldrnewsletter.com%2Funsubscribe%3Fep=1%26l=e1c4e253-3e90-11ed-9a32-0241b9615763%26lc=166ec370-84b7-11f0-814d-55fc1d40139c%26p=9befb934-9c60-11f1-a837-fb24722c0688%26pt=campaign%26pv=4%26spa=1787227291%26t=1787227640%26s=679cbaafa270199619c7024819d6e20889f2621fa7d3934c8cfa4ed99330edbc/1/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/S_Gt3ybAMJt7GYrmTmk1SeSc6GZ-lOZd1P0a--Qt2Vs=452">unsubscribe</a>.
<br>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
<img alt="" src="http://tracking.tldrnewsletter.com/CI0/010001a01f1191cc-7aed1361-7f78-41f9-9068-cedcdec324b1-000000/ecIk0qzNNUj1N2y_SGrZLg01NLOnLc642P0ySFei38I=452" style="display: none; width: 1px; height: 1px;">
</body></html>