<!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;">Google is adding a new βImagesβ tab to its app, letting users browse and save curated visual inspiration much like Pinterest β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β </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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/V38Jx9d6Y7Yvf3qfBgByv8AAvfW8MVryg4zrdDeM_7c=431" 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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/jeW-cpskZhNF_rDtsLTsloHHvLOoA3DktcCtmfwfWFU=431" 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=68a4e79e-c39d-11f0-9690-edea959ee060%26pt=campaign%26t=1763385463%26s=7d1c1dadb994b4350c720cac8363f9431282ce0160142bc1c78645068aedf4cc/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/7dVULG0UUZSKy_NYG0jrHlbc3XEc_oDw3mPT-0PIOEw=431"><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">2025-11-17</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%2Fux-news.com%2Fgoogle-adds-new-images-tab-for-visual-inspiration%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/652giKQi8y_Or_GlaZ3b54JCJN4hertLHjo03j-1t38=431">
<span>
<strong>Google adds new βImagesβ tab for visual inspiration (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Google is adding a new βImagesβ tab to its app, letting users browse and save curated visual inspiration much like Pinterest. It launches in the US in the coming weeks. Google aims to boost engagement against rising visual-search competition.
</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%2Fmozilla-foundation-pentagram-graphic-design-project-131125%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/Yuc_KSPT6MI16Cw9ylxdHxcnMjuUnz5QwTxhlCY8jBU=431">
<span>
<strong>Pentagram design Mozilla's new internet-savvy editorial platform Nothing Personal (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Mozilla's new editorial platform, Nothing Personal, promotes a βpost-naive internet,β championing community-driven, countercultural optimism against ads, subscriptions, and AI slop. Designed by Pentagram, its bold, deliberately awkward visual identity uses Mozilla's typographic DNA, lo-fi/hi-fi web vernacular, and provocative layering to celebrate human presence online while critiquing modern internet culture.
</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%2F2025%2F11%2F12%2Fmacos-26-2-adds-new-edge-light-feature%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/um1nwfKoHqXi1Z4kt73cXMNudhxAGMd3v02bBG_txeY=431">
<span>
<strong>macOS 26.2 adds new βEdge Light' feature for better video calls (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
macOS Tahoe 26.2 adds Edge Light, a smart virtual ring light that brightens your face in low-light video calls by lighting the edges of your display. Powered by the Neural Engine and Image Signal Processor for adaptive, unobtrusive lighting, it works across all conferencing apps on Apple Silicon Macs (with automatic activation on 2024+ models) and even with Studio Display and external cameras.
</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.designweek.co.uk%2Fdesigners-most-wary-of-soulless-ai-creativity%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/7FAvOcTh_751U0u3ckly2mDY_erFQQZ6WwJ_mz2_R90=431">
<span>
<strong>Designers most wary of βsoullessβ AI creativity (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI adoption among creatives is accelerating rapidly, with over 90% using it and nearly half using it daily, yet designers are the most sceptical, reporting lower daily use, greater fears about lost originality, and more frustration with how AI affects the value of their craft. UK creatives are adopting AI more slowly and feel the most pressure to justify human creativity. Many creatives use AI in client work without disclosure due to fears of lower fees, highlighting an industry struggling to balance efficiency, ethics, and the preservation of genuine creative thinking.
</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%2Fsomedesigners.substack.com%2Fp%2Fhow-to-land-a-ux-job-in-2026%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/qfhNlr-2SiqIbT_WZr_5jxInePRJQMn0SXfog86HxOo=431">
<span>
<strong>How to Stay Relevant as a UX Designer in 2026 (7 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A design team paused to reflect on AI's impact and mapped their entire process to identify tasks worth revisiting, skills to develop, and activities that could be automated. They discovered five critical shifts: deepening behavioral research, strengthening business and marketing partnerships, leveraging AI prototyping tools to move beyond static wireframes, embracing systems thinking as interfaces simplify into chat-based interactions, and developing capabilities in data literacy, business fluency, prototyping, service design, and engineering. The team aims to transform from creating static screens to functional prototypes, from UI focus to system-level thinking, and from passive collaboration to active business partnership in the AI era.
</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.interaction-design.org%2Fliterature%2Farticle%2Fuses-cases-diagrams-narratives%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/8nD6yUVt_Wn19hP52uBB5Dcdqhkc_mM5SoYvitD-M98=431">
<span>
<strong>Use Cases: The Ideal Bridge Between Requirements and Design? (17 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Ivar Jacobson introduced use cases in the 1980s as a method for describing system requirements from an external perspective, focusing on interactions between actors and the system rather than its internal workings. Use cases consist of two parts: diagrams that provide an overview of actors and their associated use cases, and narratives that detail the interaction sequence, including the basic flow, alternative flows, and pre- and post-conditions. The appropriate level of detail in use cases should match the project stage, avoiding premature design decisions early on while maintaining enough structure to guide development effectively.
</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%2Fhappyverse.ai%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/oF7MRwTJWeo6iCuLz2SZlr6WD-TP5-3aT24lX-VXElw=431">
<span>
<strong>Lifelike Video Avatars (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Grow with an AI Confidant that looks and sounds like you. Use it in real-time conversations that engage users, drive conversions, and onboard employees effortlessly.
</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%2Fkolors-ai.com%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/yIfk8yrVx6R17Gox4jm-82J8rGWWX0AnDwHoBaOB7RQ=431">
<span>
<strong>From Idea to Image or Video (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Kolors AI offers AI-powered image editing tools for all you need.
</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%2Fmarble.worldlabs.ai%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/XjDT_fnsWOk4Pytql5Ar4idHAHHNoGxv54nL_kyg4ik=431">
<span>
<strong>Generate and Explore 3D Worlds (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Marble lets you create, edit, and share high-fidelity, persistent 3D worlds.
</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%2Fthe-brandidentity.com%2Fproject%2Fhow-ashfall-studio-moved-aptos-beyond-typical-crypto-aesthetics%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/4W0hPDzw5fnEREarTzcpneihXU84hX1Vg6Ecv4CJAQU=431">
<span>
<strong>How Ashfall Studio moved Aptos beyond typical crypto aesthetics (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Ashfall refined Aptos' existing wave logo and rebuilt its entire brand systemβtypography, color, motion, layout, site architecture, and illustrationβto shift the company from clichΓ© Web3 aesthetics to a warmer, credible institutional identity, all under tight timelines and complex constraints, culminating in a unified design that proved its strength at Aptos' 2025 New York launch.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.creativeboom.com%2Ftips%2Fshould-you-give-up-on-freelancing%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/CH1FUd3Vw6aSnNrpFE0Fl0Y12ezzujsfUO8nDzAsomY=431">
<span>
<strong>Should You Give Up on Freelancing? (7 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Freelancers struggling after three years shouldn't necessarily quit, as this timeframe is often too short to establish a sustainable business, and difficulties may signal a need to pivot rather than abandon self-employment entirely. Experts recommend reducing financial pressure through part-time employment, diversifying income streams beyond client work, and adopting a business owner's mindset focused on networking and strategic positioning. The decision ultimately depends on whether the creative individual still feels passionate about independence despite the challenges, with success often requiring patience, flexibility, and a willingness to adjust approaches while maintaining core professional values.
</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%2FUb4zPe/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/Jmm3IIOrnow7mF3y2rq-_PZOzM3niP66_EhVhyxmxYg=431">
<span>
<strong>State Pattern: The Key to Seamless and Predictable User Experiences (12 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The State Pattern is a design approach that enables applications to alter their behavior based on internal state changes, ensuring predictable and consistent user experiences through organized state transitions rather than complex conditional logic. By implementing separate state classes that encapsulate specific behaviors and manage transitions between states, such as loading, success, or error, developers create interfaces that respond smoothly and reliably to user actions. When designers and developers collaborate around state awareness, mapping out transitions and behaviors early in development, they build cohesive digital products that feel intuitive and trustworthy to users.
</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%2F9to5mac.com%2F2025%2F11%2F12%2Fios-26-2-adds-a-cool-liquid-glass-effect-to-the-native-level-tool%2F%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/XgVdiBUzaO_BkuNej8pKMAbju_Z41Jki7tzu7ayNtD4=431">
<span>
<strong>iOS 26.2 adds a cool Liquid Glass effect to the native Level tool (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
iOS 26.2 beta 2 brings the Liquid Glass design to the Measure app's Level tool, adding dynamic distortions and chromatic effects as part of Apple's ongoing visual overhaul.
</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%2Fcreative-inspiration%2F10-pro-tips-for-immersive-experiences-that-bring-audiences-together%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/iPvNg---a3OvTDZlmEz9u3DNJg1olcEWmJuE2DC2Uio=431">
<span>
<strong>How the Experts Create Immersive Experiences that Wow the Audience (9 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Compelling storytelling requires prototyping simple concepts first, mastering digital-physical interactions where audiences become active participants, and building layered visuals with minimal latency using real-time tools like Notch and Disguise.
</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%2Fadobe.design%2Fstories%2Fleading-design%2Fanimation-that-fails-safely-defensive-design-for-motion-sensitive-users%3Futm_source=tldrdesign/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/Sqkxmmcwfa3N0STgnkASz5x7IcDYQE28mtnQNWLOOK4=431">
<span>
<strong>Animation that Fails Safely: Defensive Design for Motion-sensitive Users (9 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Animations can cause real harm to motion-sensitive users when they malfunction, triggering migraines, dizziness, or seizures.
</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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/FClZTFE8_kT-AQIFDyHCD9rHXZZYmtgmGUDPYa-Rb_s=431" 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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/3Di6QG8Tmb9a_JMJIdeYsln7tfDVUXqtqvLlPD-WKOQ=431" 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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/QSEeOOkWX0OH4YniWEpO5h9gKf3G5YftQticpJoCojE=431"><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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/BvuM4stX77FFVwAS__1HgnGm7p-0T_TzyqjALKbJ56A=431" rel="noopener noreferrer" style="color: #0000EE; text-decoration: underline;" target="_blank"><strong>Apply here</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!
</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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/TXuzfK0N1MgczDCz4YrXd__T8Za5imGzcirv1m6mo0k=431"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/_DYpJW0mgTgOHBevILdJsgTajo5BGhEoWHAYACDnl9k=431"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/QKfJBnIgmqBRNO9JBKbI702gFW4p2W0fAgLPj6gUw0Y=431"><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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/FXLkcux0GCsn7Bx9mpM5SgQvUgG1tx7EmNcHmyu7UyI=431">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=68a4e79e-c39d-11f0-9690-edea959ee060%26pt=campaign%26pv=4%26spa=1763384439%26t=1763385463%26s=e8000bdd912c0a3304d0df7f84760112642fec6bead60c989c43f8f4af02f637/1/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/ofcRZeG4WmvB5o98j1W9BahFQVNV_wzUiHHRaYCqaxQ=431">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/0100019a91f6d4c6-df3081ff-5ba3-4b14-96c2-d84d95fe9aab-000000/UfdjNb3VopdVLV-DzCY6wirmGjSIaxk_OWotmMO0QBU=431" style="display: none; width: 1px; height: 1px;">
</body></html>