<!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;">Anthropic has overhauled Claude Design two months after its viral launch, adding design system imports, a bidirectional Claude Code integration </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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/FwM-LLV9K2yDkzks4RLjODV9l4wv50rsfI4xeDDjDKc=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/vuptyDaFJs7AJ8-1KTMsr_YRgQcB7pyblqPOl0p_L0E=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=9c43e594-6ba6-11f1-b963-134a31e4abd3%26pt=campaign%26t=1781870771%26s=6925eae8400ef02a4d23de17d5a2b5ba0530bfcf710b56f432d9508fb8644ea8/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/dpuCiT1n9Vb2BO9nfFZVbelgSrvyB-LbfNxgiEB_KJ0=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></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-06-19</span></strong></h1>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width:100%;" width="100%"><tbody></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%2Fventurebeat.com%2Ftechnology%2Fanthropic-ships-major-claude-design-overhaul-with-design-system-imports-code-round-trips-and-a-fix-for-its-token-burning-problem%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/0vvbp-Ycr6S9GR9Rf9iHV9sAsuEiLv9SXF8Z_cVeqgk=452">
<span>
<strong>Anthropic Ships Major Claude Design Overhaul (9 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Anthropic has overhauled Claude Design two months after its viral launch, adding design system imports, a bidirectional Claude Code integration, and nine new export partners. The update directly addresses a critical flaw: token consumption so severe that early users exhausted most of their weekly Pro allowance in under 30 minutes on a single prototype. These changes reposition Claude Design from a flashy generative tool into an enterprise brand-compliance layer embedded across creative, coding, and business 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%2Fwww.framer.com%2Fupdates%2Fframer-3%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/kmSNaMfAx0ZOXKXlDHFfC42RMEf3quuWc04Xm6UHHMI=452">
<span>
<strong>Framer 3.0 (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Framer 3.0 arrives with AI Agents that can design full pages, handle breakpoints, build components, write code, and connect to a CMS, among other canvas-level tasks. Large teams get Branching, a feature designed to let them iterate safely and work alongside Agents. A new Community platform rounds out the release, giving creators a space to share work and earn.
</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%2F06%2F16%2Fsiri-ai-hints-at-new-iphone-18-pro-design-change%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/uI651weQYg5aGPiG6VvXTveinYxhI64bqR0bX6mRVbk=452">
<span>
<strong>Siri AI hints at new iPhone 18 Pro design change (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The iOS 27 beta's new Siri AI design may reveal Apple's plans for a smaller Dynamic Island on the upcoming iPhone 18 Pro. Siri currently appears as a stretched oval on iPhones to match the width of today's Dynamic Island, but its orb-shaped design on iPad and Mac suggests Apple expects future iPhones to have a significantly smaller cutout—reportedly about 35% smaller—allowing Siri to appear in its intended spherical form.
</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%2Fraw.studio%2Fblog%2Fhow-tiktok-uses-3-algorithm-driven-ux-systems-to-maximize-engagement%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/QN6sGWsyYkR0_3K5V6rtPEYhm1gtKbGL1eXPBaP0P9Y=452">
<span>
<strong>How TikTok Uses 3 Algorithm-Driven UX Systems to Maximize Engagement (9 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
TikTok's engagement is driven by three interconnected systems: a personalized "For You" feed that prioritizes each user's behavioral signals, instant delivery that eliminates loading friction, and a behavioral learning engine that continuously refines recommendations based on real actions. These systems reinforce each other in a loop where consumption generates data, data improves predictions, and better predictions drive further consumption. Businesses can apply these principles without replicating TikTok's interface, while remaining mindful that responsible engagement design should align user progress with genuine value, not just maximize screen time.
</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%2Fmicrosoft.design%2Farticles%2Fhaptics-design-and-implementation%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/AGuLoigyH6yvP87ykWxSVI49_j9ID6ohUw0zJGA6q7Q=452">
<span>
<strong>Haptics Design and Implementation (11 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Windows 11 now supports contextual haptic feedback through the InputHapticsManager API, letting apps deliver touch-based responses across compatible mice, touchpads, and pens. Haptics serve three core purposes — clarity, inclusion, and delight — reinforced by predefined waveforms (such as Align, Collide, Step, and Success) matched to specific interaction moments. Effective implementation requires consistent, low-latency feedback tied to user-initiated actions, avoiding overuse so signals remain meaningful.
</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%2Fuxmag.com%2Farticles%2Fthe-agile-trap-designers-fall-into-feeding-the-beast%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/9oYZdGG4OxkIq-AiPxT7XlypotlP1t1nstzadZwaaEE=452">
<span>
<strong>The Agile Trap Designers Fall into: Feeding the Beast (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Design systems help agile teams move faster by standardizing reusable interface components, reducing the repetitive visual design work that often consumes designers' time. By defining elements like buttons, forms, and navigation in advance, teams can focus more on user experience, collaborate earlier, prototype and test ideas more quickly, and maintain consistency as products evolve through incremental releases.
</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%2Fwww.autoeditai.net%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/9BtE0v6BjVzaSfAjf3QNRBqUAVs9gxBSnOscoY-e8QI=452">
<span>
<strong>AI-Powered Auto-Editing for Premiere Pro (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AutoEdit Creator Mode understands your content and builds your rough cut automatically - directly inside Premiere Pro.
</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%2Fdropmatico.com%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/7uRBQa1E66C0QKBB0ToIa-7wvmMdcJjmOpz-JvxFg0M=452">
<span>
<strong>Free Image Resizer (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Dropmatico is the image resizer that picks the destination for you. Drop one master and ship it ready for Instagram, Amazon, LinkedIn, Etsy, and 30+ more, at the right size, format, and treatment.
</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%2Fstoriedcolors.com%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/gYclTFwDFVwfDVYwO0GXwyCVqi4-oRbHildDQfBnQDg=452">
<span>
<strong>Storied Colors (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A growing collection of colors with a paper trail: where it was first ground, in whose workshop, on whose canvas it dried, when it was banned, what replaced it.
</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%2Ftympanus.net%2Fcodrops%2F2026%2F06%2F16%2Fdesigning-a-better-lou-reducing-cognitive-load-through-design-content-and-systems%2F%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/YUxvMCpN7gaM_MSkqTd0gqTsxX2wJGTexsgFhHRpxeI=452">
<span>
<strong>Designing a Better Lou: Reducing Cognitive Load Through Design, Content, and Systems (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A Better Lou is a men's healthcare platform designed around a core principle: organizing content by outcomes people seek rather than by clinical services or treatments. The visual identity deliberately avoids both medical clichés and aggressive men's health aesthetics, landing instead on a blend of editorial, lifestyle, and healthcare design that feels credible yet approachable. Built entirely in Webflow with GSAP animations and a custom Vimeo integration, the site was engineered from the start for long-term scalability using reusable components and a CMS structure that allows content to grow without rebuilding.
</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.itsnicethat.com%2Ffeatures%2Fkatharina-sussek-jens-muller-the-elements-of-brand-design-taschen-publication-graphic-design-spotlight-170626%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/rhckWHzCtnDJ24agAdKiICJ4qfaC_Dsd7L2HNmMGPCk=452">
<span>
<strong>From Olivetti to Instagram: a short history of modern brand design (8 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Brand design evolved from humanity's earliest expressions of identity—such as cave handprints and symbols—into the sophisticated visual systems used by modern organizations. From early trademarks like Coca-Cola's red barrels and Persil's green packaging to pioneering corporate identities created by figures such as Peter Behrens for AEG, Olivetti, and IBM, brand design has increasingly focused on creating coherent, recognizable identities across products, communications, and environments. Today, digital technology and AI offer new possibilities for dynamic, adaptable visual systems, but successful branding still depends on human creativity, strategic thinking, and original design concepts.
</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%2Fpangrampangram.com%2Fblogs%2Fjournal%2Farrows%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/lDaG8_ytjtrsgVDUGFYJrqbxFQK6tMn3yuDy8dSCqe4=452">
<span>
<strong>How to Design Arrows (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Typographic arrows, though visually simple, function as a mirror for the entire typeface.
</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%2Fcryptodaily.co.uk%2F2026%2F06%2Fworld-cup-crypto-fraud-betting-safety-ux%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/-RzdvQS04qKRWEDxnqz8LW6tFxPCG2qkT625vIXR1uw=452">
<span>
<strong>World Cup Crypto Fraud Wave: Why Betting Markets Need Better Fan-Safety UX (9 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Crypto scammers are exploiting the 2026 World Cup with fake ticketing sites and "fixed match" pitches.
</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.itsnicethat.com%2Farticles%2Flouise-laborie-highway-61-illustration-discover-170626%3Futm_source=tldrdesign/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/OUEYULfSf3ah2hgPHx0x7eVqxN6SWcWYxKy_xBcjoAQ=452">
<span>
<strong>Like a sad Lana Del Rey song, Louise Laborie's comics illustrate a quiet, neon Americana (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Louise Laborie uses watercolor-based illustrations of lonely highways, suburbs, and transit spaces to explore themes of transience, displacement, and the gap between imagined dreams and reality.
</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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/fCQEDeM2HApdFLR-GkspOiQyB16u-TReNpEIrTxJBTE=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/_SA2MoynBXbnY3r74hNg41M_KZI78FCfyA8lCJ2i028=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/z0fOwMpkLEdGZiqpLj_G3KP_AEz1kMGLzoHFqCn2Aq8=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/YNOzwslmKl7IkStKcjoeGao5ZH3ugkGIGI8Q124LI8Y=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/DHNeVc1UIuEtZfTTMbaezg4IPAesZdIwAvLz6DmReCM=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/Hozin9eeLaVQugFPVvtSNjMUHd7o8BUvguXYgnfHUCU=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/O0vRGDfilzgDdCAYNmdCq7PGraWTz4t8aaiBEiNUB0M=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/fXRgmjT5bBjiPQhbwt77VUApP19YItvNSMM-Q7P-B2A=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/cSkqKWBiXASdzb6RoZwJGpsSFUb0BiYl6vbOwwb0PeA=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/YIUxFaAEYL7zFvrJ0xNL9yEFLbknYwA9PXrbRLOmY6k=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=9c43e594-6ba6-11f1-b963-134a31e4abd3%26pt=campaign%26pv=4%26spa=1781870481%26t=1781870771%26s=9323bb449c5379a0436001cb73f1f3f71d3ad3d16cc3a1fb3ba678c42a8c4de2/1/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/HmjpoYZPkm3YI28srweLkcbUPNuSmaMVvsZ9A6CbAwk=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/0100019edfc63c57-f36f0a68-d984-4155-b598-45a63624bcaa-000000/rd1kRg6_pRcURzi3YgGk7oT38-Q4XPgeH6QKWTMkScQ=452" style="display: none; width: 1px; height: 1px;">
</body></html>