<!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;">Firefox has teased a new logo by posting a fox-less version, showing only a purple orb. The company promises the fox will return "next week" </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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/YRU8YHahcOr4FZQELA5zacgwoLxaGb0OJE38sv7jjYA=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/e7sezUkv7vm7FK19U-fb1T13ZV9w-j10Zp8ZYE63oek=449" 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=8a8c1686-2354-11f1-a796-9b06fdbd2c35%26pt=campaign%26t=1773921973%26s=afb95125215962f8f346600c51245b9616233ac36a995542425cce66eb290da2/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/eoDVBbr8p62OKHn21TngtktMkPGl0ypUxr803o-Wdj0=449"><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>
</td></tr>
<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%2Fframer.link%2FTLDRDesign%3Futm_tldrtest=testa/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/6XTUKFlKEhMfaWhluVc6q6rVFiZpglBNvmjcC8i3FAQ=449"><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-03-19</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%2Fframer.link%2FTLDRDesign%3Futm_tldrtest=testa/2/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/6jJSXoFw6e0eT99LK_iEVf8UuytpU6a4vJmdNiRATgQ=449">
<span>
<strong>Launch beautiful sites on Framer in hours — 1 year free for early-stage AI startups (Sponsor)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
You can't vibe code your way to beauty. And with <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fframer.link%2FTLDRDesign%3Futm_tldrtest=testa/3/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/z3puiSIU-VZb9xEXr6KycEAHHPJ5eP-w_025l8MYzD4=449" rel="noopener noreferrer nofollow" target="_blank"><span>Framer</span></a>, you don't have to.
<p></p>
<p>Hundreds of YC-backed founders use Framer to launch beautiful, production-ready sites in hours. It's a human-led, design-first answer to vibecoding that really works.</p>
<p>And if you're a startup, you can <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fframer.link%2FTLDRDesign%3Futm_tldrtest=testa/4/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/ZsAuxbnZW72BMj7I27DH9fIAsK-ltGKfYSS8mdZsC7o=449" rel="noopener noreferrer nofollow" target="_blank"><span>get Framer for $0</span></a>: Pre-seed and early stage startups get their first year free when they sign up.</p>
<p><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fframer.link%2FTLDRDesign%3Futm_tldrtest=testa/5/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/D9OYby4F1BfPiIKobW9eS59Zjk43GnOl8DKZRk5vqjA=449" rel="noopener noreferrer nofollow" target="_blank"><span>Get your free year</span></a>
</p>
</span></span></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 10px 10px 0px;">
<div class="text-block" style="border: 2px solid red; border-radius: 10px; padding: 0 10px;">
<p><strong><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftldr.tech%2Fdesign%2Fstay-subscribed%3Fem=silk.theater.56%2540fwdnl.com/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/8e4aui5-AiaYyYvPUoeoDBNXb_Zo43Y8qbs9-oPsY_E=449">Click here to remain a subscriber</a> </strong></p>
<p>Clicking on newsletter links is the best way for us to know you are reading TLDR Design.
</p>
<p>Please click <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftldr.tech%2Fdesign%2Fstay-subscribed%3Fem=silk.theater.56%2540fwdnl.com/2/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/VVFtiHbd_OmJsGyFNjmEpPcj5Crx2cVbqFmIiQqOoNc=449">this link</a> to remain a subscriber otherwise we will automatically unsubscribe you within 30 days.</p>
<p></p>
</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.creativebloq.com%2Fdesign%2Flogos-icons%2Ffirefox-drops-its-fox-in-tease-for-new-logo%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/C0ai4e2zz0DQsRbbpEj5kNYFO2uCHwdQp4AiTovDH4g=449">
<span>
<strong>Firefox Teases New Logo Without Iconic Fox (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Firefox has teased a new logo by posting a fox-less version on Instagram, showing only a purple orb. The company promises the fox will return "next week," likely featuring their new mascot character, "Kit," with a visible face design. This logo change is part of a broader brand refresh that includes pastel color palettes and softer, more rounded aesthetics.
</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%2Ftechcrunch.com%2F2026%2F03%2F17%2Fgamma-adds-ai-image-generation-tools-in-bid-to-take-on-canva-and-adobe%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/ODb5I87hPWvMVuQRUJe-PccfasL5gEcH4KbNkP-Jx8c=449">
<span>
<strong>Gamma Adds AI Image-generation Tools in Bid to Take on Canva and Adobe (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Gamma Imagine is an AI image-generation tool that creates brand-specific marketing assets via text prompts, competing with Canva and Adobe. The platform, which raised $68 million at a $2.1 billion valuation, aims to serve knowledge workers who need visual communication tools but lack design resources. Gamma is approaching 100 million users and integrates with tools such as ChatGPT, Claude, and Zapier to power its AI-driven asset-creation features.
</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%2F03%2F17%2Fiphone-18-pro-three-new-design-updates-are-coming-this-year%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/NWWLVlJ-jBqBSxr4ueNmEf5kr1dxQeM8S9175hT63k0=449">
<span>
<strong>iPhone 18 Pro: Three new design updates are coming this year (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Rumors suggest Apple will give the iPhone 18 Pro and Pro Max a more unified rear design (removing the two-tone look), shrink the Dynamic Island by about 35% with partial under-display Face ID, and continue experimenting with bold new colors like brown, purple, or burgundy, possibly without offering a standard black option.
</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.lukew.com%2Fff%2Fentry.asp%3F2145%26utm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/rkhYZhVdKirQWHzSJ11VlZUgrFo-AwkcCMnjkUAm3vo=449">
<span>
<strong>Durable Patterns in AI Product Design (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Recurring design patterns across AI product evolution consistently prove their value as interfaces shift from background AI to chat to agentic systems. As AI gains the ability to use tools and orchestrate sub-agents, a core UX challenge becomes balancing transparency with cognitive load, with collapsed, expandable action logs emerging as a reliable solution. Capability awareness, context awareness, and output readability remain the central unsolved problems shaping how AI products are built today.
</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%2Fjakub.kr%2Fwriting%2Fdetails-that-make-interfaces-feel-better%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/XwQPDjHiojupOZlEU2SJMsqVzr1_3Fu67Tby3woQKB8=449">
<span>
<strong>Details that Make Interfaces Feel Better (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Great interfaces result from a collection of small details that compound into better user experiences. Key techniques include balanced text wrapping, concentric border radii for nested elements, contextual icon animations, crisp text rendering, and tabular numbers for consistent digit spacing. Making animations interruptible and using CSS transitions instead of keyframe animations creates more responsive interfaces that adapt to user behavior changes.
</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%2FoS2dLC/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/qCHh0Es47_Jvz8s9D4WjEszAP7CotFA5VvdPFi6fquA=449">
<span>
<strong>A designer's field report on the Iconic blind spot in AI world models (24 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Experiments with Gemini and other leading AI systems highlight a core limitation of current LLMs: they lack true spatial and physical understanding because they are not grounded in real-world, embodied experience. Failures in generating and reasoning about simple physical scenarios reveal three key gaps—Continuity (no coherent 3D spatial model), Gravity and Physics (no sense of physical constraints), and Reversibility of Thought (inability to reset or backtrack reasoning), showing that modern AI operates as a top-heavy symbolic system that can produce fluent outputs but often lacks structural correctness.
</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%2Fcrano.ai%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/pMRl08xfJHw1U99qec-RSwpBrkK1Z1pcaxcZuX6Q7Vg=449">
<span>
<strong>AI Video and Image Generator (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Create professional-quality videos and images in seconds with Crano.
</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%2Fbuttonyui.com%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/qkzoNanjKe06Kr0zCLoxKuknjGEe3JGokOtbKht1-p8=449">
<span>
<strong>Buttony (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Buttony offers a collection of animated buttons designed to enhance web projects with dynamic visual elements.
</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%2Ftemvideo.ai%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/rvVKPR1SS9x3gaLJtZM0CbouhbgtvWywkNpIF_uavgE=449">
<span>
<strong>AI Video Ad Maker for TikTok, Reels, and Shorts (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Temvideo.ai is an AI-powered video ad maker that creates TikTok, Reels, and Shorts content without requiring a camera or filming skills.
</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%2Fdesigntokens.substack.com%2Fp%2Fmotion-tokens-naming-your-movement%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/zivkgjh4lgN3KGlaSoydq0UKaZ6Bsi36DnGaT9dYCao=449">
<span>
<strong>Motion Tokens: Naming Your Movement (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Design tokens standardize motion in interfaces, covering duration, easing, and accessibility in one unified system. The approach follows a three-tier architecture (primitive, semantic, and component-specific) with JSON examples for durations and easing curves like cubic-bezier coordinates. This prevents inconsistent animations across teams by giving shared names to motion values, ensuring interfaces move with consistent personality rather than having developers hardcode their own versions of "fast" or "slow."
</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%2Fhex-designs-bold-geometric-blocks-to-map-grafanas-product-ecosystem%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/QS0vVe_YdAYILafFYM4RiNxkS9WTFDGYEbqLLY3h9OI=449">
<span>
<strong>HEX designs bold geometric blocks to map Grafana's product ecosystem (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
HEX built Grafana's brand around a modular geometric “block” system that mirrors how its products work, with visuals (like scanning lines or zoomed-in blocks) directly representing product concepts while maintaining both logic and aesthetics. The identity uses a flexible grid, vibrant color palette, and adjustable visual density to scale from expressive to minimal contexts, while rounded, modular icons reinforce a balance between technical precision and an approachable, community-driven feel.
</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.creativebloq.com%2Fdesign%2Fbuilding-a-rebrand-for-a-blind-ceo-completely-changed-this-creative-agencys-design-process%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/CJSUz4UAMXJe9mlKe4zDS1yGEZ6wWPYKkfF_IxRSgH4=449">
<span>
<strong>Building a rebrand for a blind CEO completely changed this creative agency's design process (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Creative studio Something Familiar redesigned the identity for non-profit Onvero by centering accessibility from the start, adapting their entire process to collaborate with blind CEO Sandi Wassmer through clearer descriptions, shared language, and non-visual communication. The result is a tactile, inclusive brand system—featuring embossed materials, an easily traceable logo, accessible typography, and sensory-friendly presentations—that demonstrates how prioritizing accessibility can enhance creativity rather than limit 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;">
<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%2Fdribbble.com%2Fstories%2F2026%2F03%2F16%2Fthe-golden-age-of-women-s-sports-branding-is-here-and-designers-are-leading-it%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/2it9dgMXJZ9oocbgcfeIrUTpYJp5jjHXepskAqX1pZs=449">
<span>
<strong>The Golden Age of Women's Sports Branding is Here, and Designers are Leading It (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Women's sports are experiencing a "golden age" of branding, transforming from a growth opportunity into a cultural movement with rising media valuations and record-breaking attendance.
</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.dezeen.com%2F2026%2F03%2F14%2Fjony-ive-designs-roundup%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/X2lLQzzM6Z0HJT9GEjow2UNMVlLmOnUkuLjCZw2ycvw=449">
<span>
<strong>Nine Jony Ive Designs that Aren't Apple Products (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Former Apple design chief Jony Ive left the company in 2019 and, since then, he has applied his minimalist design approach to luxury projects, including a Christie's auction rostrum, Ferrari's first electric car interior, and a Balmuda sailing lantern.
</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%2F03%2F18%2Fdownload-these-super-cute-little-finder-guy-5k-wallpapers%2F%3Futm_source=tldrdesign/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/ls7MBFCcQKxfQVIDHCcJ-8S2i7ynzBssEj-8cPSNjFM=449">
<span>
<strong>Download these super-cute Little Finder Guy 5K wallpapers (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Apple promoted the MacBook Neo on TikTok with a playful “Little Finder Guy” character, which developer James Thompson later turned into a set of colorful 5K wallpapers inspired by the classic Finder icon.
</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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/6k5pvoFNyqlJyNRoyj9AjojJpv2VB5Vnpv_dSWm8vCE=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/GYWNwlSdCb-ifyiAdLFXya-Ft8XQcNMXBVz3bdS64Fs=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/PdsVKWYW7wfa447THmzESj59IhX6R9wMhj5kSe372yk=449"><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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/xKQZAPC-lkcm6beu3NWkq8Ccku82pSfXKeZfyecAxQQ=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/EWJJnnp1r11AFdD_fAEp96DJS6RdyUQ-PKN2CqgF9Ho=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/WrRU4N_BX-vRBR5_9-nK0qvDjne9Q3DG5Or3j2ivpyY=449" 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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/zV5VHLev_vlEvHgKvrcCV1HbfqZ4akrERbBWdMgmQm0=449"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/rDfzlairsv8R4HG6ilAjpWGBc6RXn_XumNW4MG0CN-I=449"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/ottDjL17U0geUhwxx8fhYXgUSQzOVZGDPQNNZ_lAbYc=449"><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/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/Z_88YgfEfukt6dvHa0__gZQQBWUDf30GrHkoKP8rRiw=449">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=8a8c1686-2354-11f1-a796-9b06fdbd2c35%26pt=campaign%26pv=4%26spa=1773921705%26t=1773921973%26s=95eabab8a9ca9eb05d61d287e493d2816022be8b35f3ca6a512b5becb9d9de0c/1/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/bU98ojjnGv0Yw1D2UBSXSnDW9RE8pnEiQBUioT2cRXY=449">unsubscribe</a>.
<br>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
<img alt="" src="http://tracking.tldrnewsletter.com/CI0/0100019d05fd36a6-6861693c-5e3b-4833-8a24-4270e698a7ae-000000/IJZU74bP3juh92jeLYeStnIyYbnyBryCdhH036w5870=449" style="display: none; width: 1px; height: 1px;">
</body></html>