<!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;">Canva is restructuring 1,271 roles, affecting 22 percent of its workforce, after its growth slowed this year for the first time in a decade. β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β </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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/P_aqm3q6uqLXa9qpaAq6ucIB0NbgLs8faaA6bfveGLQ=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/f0W20UaRjNLc_9NAYbNQuOj36qBNm49ygiVrM-z45sU=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=a94e09a6-be20-11f0-83aa-6f2b114d4373%26p=baad036a-d8d1-11f1-8ec1-df59037e6684%26pt=campaign%26t=1793891492%26s=84a122f59f62086deb702bcd48a810b4d80c42985b53a6248d1e185650548d6c/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/cyUrRDijvcV6W4lynKST2VNMUsvkqhZJd6AXBMH3HXk=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%2Fpitch.com%2Flp%2Fmomentum%3Futm_source=tldrdesign%26utm_medium=paid-email%26utm_campaign=ms26%26utm_content=primary_header_why_ai_leaders%26utm_term=2026-11-05/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/YGsThsw9Qw0Vm2XTX4s4voIDAimtTdi7UiLFiSmZRQE=452"><img src="https://images.tldr.tech/pitch.png" valign="middle" style="vertical-align: middle !important; height: 100%;" alt="Pitch"></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-11-05</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%2Fpitch.com%2Flp%2Fmomentum%3Futm_source=tldrdesign%26utm_medium=paid-email%26utm_campaign=ms26%26utm_content=primary_header_why_ai_leaders%26utm_term=2026-11-05/2/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/C6beOSLpef0TmKW1OOlmLHr9ZpRvKMsdTio3dLZaEEI=452">
<span>
<strong>Why AI leaders make slides with Pitch (Sponsor)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The teams building AI make their slides with Pitch. It's how Perplexity, Legora, Poolside, and Synthesia deliver presentations at scale. Now you can:<p></p><ul><li><strong>Stay on brand:</strong> Pitch generates fully editable decks from your templates, so every slide remains consistent.</li><li><strong>Tailor your message:</strong> Connect via MCP to personalize slides using data from your CRM or call notes.</li><li><strong>Enable sales:</strong> Nurture deals with custom pitch rooms, and track buyer engagement with built-in analytics.</li><li><strong>Work together:</strong> Collaborate in one place and see everything being created and delivered.</li></ul><p><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fpitch.com%2Flp%2Fmomentum%3Futm_source=tldrdesign%26utm_medium=paid-email%26utm_campaign=ms26%26utm_content=primary_cta_about_pitch%26utm_term=2026-11-05/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/pViIyklNIjBXF_Zknvx3uaRKcOCEKxo_eJPdk7ErYC0=452" rel="noopener noreferrer nofollow" target="_blank"><span><strong>Learn more about Pitch</strong></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.theage.com.au%2Ftechnology%2Fcanva-unveils-mass-job-cuts-in-hardest-moment-of-its-history-20261104-p61b62.html%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/Q2kf-NQm2_alMq-8uzIfQZD1H9GY0Fgerslui0qANS0=452">
<span>
<strong>Canva to Cut More Than 1000 Jobs in βHardest Moment' of Its History (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Canva is restructuring 1,271 roles, affecting 22 percent of its workforce, after its growth slowed this year for the first time in a decade. Chief executive Melanie Perkins called it the hardest moment in Canva's thirteen-year history, announcing a merged product organization with fewer management layers. Departing staff receive at least six months' salary, and the cuts follow Canva slashing its own valuation to US$31 billion.
</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.digitaltrends.com%2Fphones%2Fadobe-premiere-mobile-app-is-getting-licensed-music-from-universal-and-warner-music%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/Ml7fE8E1I0iwVg3MYoS4hhAiyKbWKHhXEOldJFrJVVI=452">
<span>
<strong>Adobe Premiere Mobile App is Getting Licensed Music from Universal and Warner Music (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Adobe is bringing licensed tracks from Universal Music Group and Warner Music Group into its Premiere mobile app, searchable by genre and duration. Videos using them can be shared on social media without copyright strikes, though only for personal use. Each video can include no more than 60 seconds of a song.
</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%2F11%2F03%2Fios-27-3-and-macos-27-3-add-vertical-tabs-adaptive-dark-mode-and-more-to-safari%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/OuvWOzjb40GnBc3itcBoarphG2Ogk_BEcVVmBtu4ras=452">
<span>
<strong>iOS 27.3 and macOS 27.3 add Vertical Tabs, Adaptive Dark Mode, and more to Safari (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Apple is introducing vertical tabs in Safari's developer betas across iPhone, iPad, and Mac, with tabs displayed as compact icons in a left sidebar that can expand to show website titles. A new Adaptive Dark Mode can automatically generate dark versions of websites that lack native support, either on demand or through a persistent preference. Siri AI can also organize, sort, move, and close tabs, with broader awareness of webpage content planned for a future update.
</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%2Fthedesignersfieldguide.substack.com%2Fp%2Fwhy-10000-experiments-work-better%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/bf4rQZc1yBrrQA7ole0r7Ev7LxeYJQdoclSFf09RY1Y=452">
<span>
<strong>Why 10,000 experiments work better than 10,000 hours for designers (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Repeatedly practicing the same design skills can make someone better at their current job without developing the problem-framing, influence, and decision-making abilities required for more senior roles. Instead of relying on experience alone, designers can break career goals into microskills and run small experiments, such as opening every design review with a specific decision or presenting research findings themselves. A weekly reflection can help turn these experiments into deliberate professional growth without requiring organizational approval or major changes to existing workflows.
</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%2FsHBmXO/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/b6rrALkEVxyZt7UpIfG-2gGPacfljs1kZwEhSCJ12yA=452">
<span>
<strong>Agents struggle with the same bad UX we do (7 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Computer-use AI agents frequently fail at the same confusing interfaces that frustrate humans, including ambiguous buttons, hidden menus, unexplained disabled states, and disruptive overlays. People often compensate for these problems by guessing, backtracking, or relying on experience, while agents expose the underlying design debt through repeatable failures that are easier to observe. Making interfaces clearer for agents through explicit labels, visible states, predictable interactions, and semantic structure can also improve accessibility and usability for people.
</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%2Fj2K5Az/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/JTnPmM5wkb8zTqB3MzjHJX7g3W1IgrPbZP4t-3kz5WY=452">
<span>
<strong>Everyone is building AI agents. Who's designing the stop button? (17 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI agents introduce unpredictable behavior into products traditionally designed around explicit rules and known transitions, making it essential to distinguish where autonomy is useful from where reliability is mandatory. Products can let AI interpret intentions and construct workflows while using deterministic execution, visible uncertainty, confirmation steps, and clear recovery mechanisms to protect consequential actions. Designing effective agent experiences increasingly means defining boundaries around what AI may decide, when humans must intervene, and how users can understand, correct, or stop an autonomous process.
</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%2Flibraries.dev%2Forbs%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/bwlE6GWL-gnf5RibmsfIRYbOjkADpkANG27jIaDBGX8=452">
<span>
<strong>Thought-Orb Loading Indicators for AI Interfaces (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Thinking Orbs are animated AI thinking and loading indicators for React.
</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%2Fcreateui.co%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/A68wYfey8xUvXtMXfwfOLkjosUVMiEFTlWNtEjJYw7c=452">
<span>
<strong>A Figma Design System and React Library That Stay in Sync (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A unified Figma design system and React component library: 80+ components, 73 ready-made blocks, 18,500+ components and variants, and 950+ variables and styles.
</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%2Fbenji.org%2Fdrawesome%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/oYnURQwLJPCSKbwwXgpF58jezcvSeMfSbinVva4Up70=452">
<span>
<strong>A Drawing Toolbar for React (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Drawesome is a drawing toolbar for React. Seven pens, an eraser, SVG and PNG export, and no dependencies beyond React.
</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%2Fclearleft.com%2Fthinking%2Fbad-ai-doesnt-smell%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/Y7v3uO-q0PzuOIcYsXdIOSKAHFy3RRh5o1UC-I7Nmn8=452">
<span>
<strong>Bad AI Doesn't Smell (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Like a bad survey, bad AI output gives no sign that it's wrong, but authority bias, truth bias, and algorithm appreciation make people trust it anyway. In user research, mistranscriptions, missed body language, misread sarcasm, and hallucinations can turn into confident, wrong insights. Someone who ran the research has to check any AI analysis, ideally used only as a sense-check after doing their own.
</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%2Fgeorge.mand.is%2F2026%2F11%2Fthe-tokenizer-font%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/KtNwt6Jol5T4r0XHO3FkKYqNlPtnzMTBiZISst7TEIM=452">
<span>
<strong>Tokenizer Mono (30 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Tokenizer Mono is an experimental typeface based on IBM Plex Mono that visualizes how language models split text into tokens, using OpenType features to highlight boundaries directly as someone types without running a tokenizer in JavaScript. Its 28 styles represent different tokenizers from OpenAI, Meta, Google, DeepSeek, and others, combining contextual glyph substitutions with built-in color palettes to approximate token boundaries. Most styles achieve roughly 98% agreement with real tokenizers in testing, demonstrating how advanced font technology can perform surprisingly complex text processing while revealing its limitations around line breaks, uncommon words, and tokenization algorithms.
</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%2Fthe-brandidentity.com%2Fproject%2Fhow-afternow-put-kinetiks-identity-and-four-products-into-one-system%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/HnnTCh_NcEHBt9Sc_2Y4SLXsrQavbGgwRWC4g8k4eC8=452">
<span>
<strong>How Afternow put Kinetik's identity and four products into one system (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Afternow redesigned healthcare transportation platform Kinetik around painterly city landscapes inspired by the view from a car window, replacing conventional clinical imagery with a warmer visual language built from purple, deep greens, gold, salmon, and lavender. GT Alpina provides expressive editorial typography, DM Sans supports accessible product interfaces, and AI-generated landscapes are carefully art-directed with documented prompts to maintain consistency. The identity extends across four products through a shared design system containing more than 300 components and 2,000 screens, using tokens to adapt spacing, density, and accessibility for administrators, transportation providers, and elderly patients.
</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%2Fdesignworklife.com%2Fdesigning-product-demos-people-can-actually-follow%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/EtU9XF7tgTj63060s9UB-exX_0oIFvY88fW0nKVhht8=452">
<span>
<strong>Designing Product Demos People Can Actually Follow (7 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A product demo is a sequence of state changes, so clarity depends on how attention moves between steps rather than on polished screens.
</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%2Fdesignyoutrust.com%2F2026%2F10%2Fdutch-digital-artist-creates-the-most-warm-ethereal-artworks-you-will-ever-lay-eyes-on%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/_lIBCF4effjWdEhAvhOjf898q5xeVeut4b67EG3mGKQ=452">
<span>
<strong>Dutch Digital Artist Creates the Most Warm, Ethereal Artworks You Will Ever Lay Eyes On (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Utrecht-based digital artist and animator Lois van Baarle, known as Loish, paints expressive female figures in soft, glowing light, rich color, and flowing hair and clothing.
</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.digitaltrends.com%2Fcomputing%2Fchromes-new-menu-search-makes-settings-and-bookmarks-easier-to-find%2F%3Futm_source=tldrdesign/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/S4MW-4C-yHp5VofssUyC79YpsCOSfY5vY7i6eFYf6Qw=452">
<span>
<strong>Chrome's new menu search makes settings and bookmarks easier to find (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Google is testing a searchable three-dot menu in Chrome that lets users find browser commands, bookmarks, and recently visited websites without navigating through nested menus.
</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%2F4361667e%2F4/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/uLyQ71rDh9dOjsYAyVZwLMMXCOBkOMASQa0jsXjn5yw=452" style="color: #464ba4; text-decoration: underline;">https://refer.tldr.tech/4361667e/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_1e2d9b8fdd06%2F4/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/YlaAxYegf-DLLn_FdDBBBS2zuOwtO4Wt5Cdm8z4I9gE=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/TxQKFqr1yCJuqmbOYV0lSg-D4n--cHBnGhpP8Bajmsk=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/5MoEKBOVeRPjGBi6AI1zpo_wGS1rOgT3Yn-V5dDYByQ=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/951iqQ2sROyp1dygFdhadrnF_UFKltX0lvfoN1uqh70=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/7g2EDcKxvdvJUJDbnVJupbpbINmQh2aSF0w4FIkf_Lk=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/nf1z7eH32pOl6mFCHu7q6aALZQp3UswOuXdGqmyPN5o=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/v2I6y0m5HKnJrfe5RjBXwISMDYkkotiwf4XIgt--9rg=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/KwVBSW-uOxE3sVC97eQV_yJVTknP3jL_ZXICUyD4ke0=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=donut.sweater.23%2540rss.andrealin.it/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/OJNiiWCPdRmnXuRBYfytp8CdNC4nfjHYYnnT948c3xs=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=a94e09a6-be20-11f0-83aa-6f2b114d4373%26p=baad036a-d8d1-11f1-8ec1-df59037e6684%26pt=campaign%26pv=5%26spa=1793883688%26t=1793891492%26s=89c3fc749bac3454a484b9d740ccf5fc8a68f91f3e6ea93ea517e116b65ee101/1/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/xRHV9HrinG6CdsbwglR2M65epSq3eucVue8MiUhT5JA=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/010001a1ac43e23c-07be6d86-f2b0-4d65-a4cc-f07d2e7be293-000000/Ksy7xIlKQ0J0pzqaxIGXLGc77WvqcueB3HUJiBWCDoI=452" style="display: none; width: 1px; height: 1px;">
</body></html>