<!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;">Alleged leaked files from Indian supplier Tata Electronics, including grainy drop-test photos, appear to show the Apple iPhone 18 Pro </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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/psNpZCJ8lH7bwGykFnZ9Bh81o7N2y8PyUzbC1L1Pffk=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/LjZZ4PNLvCASlqUCTHPiSZpbMwc-kjQZ9xeTbGmEomE=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=fbfc1f56-74f2-11f1-8dd5-f3582fa48853%26pt=campaign%26t=1782909412%26s=3eb7beaa6433f9568885ac1b172c5381abf9d5e713e4175a980b8c49dff2ddbb/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/ovO7YWPP5S4xivNAvZOwtIyqgDQlkgL-OPLCMI0Vhbs=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-07-01</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%2Fwww.creativebloq.com%2Fdesign%2Fproduct-design%2Fthe-iphone-18-pro-just-leaked-and-it-might-be-the-single-biggest-apple-leak-since-the-iphone-4%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/qCXXkisV5KJZoECDpUB3B6P8QW8x3cJTjhJEM4B3NSo=452">
<span>
<strong>The iPhone 18 Pro just leaked, and it might be the single biggest Apple leak since the iPhone 4 (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Alleged leaked files from Indian supplier Tata Electronics, including grainy drop-test photos, appear to show the Apple iPhone 18 Pro with a design that is almost identical to the Apple iPhone 17 Pro, featuring the same large camera module and rear glass cutout. The most noticeable changes are improved color matching around the rear glass, eliminating the two-tone appearance, and hints that a new deep red color option may be introduced, with many online commenters joking that it looks like an "iPhone 17.01." The comparison to the famous Apple iPhone 4 leak highlights how dramatically iPhone design evolution has slowed, making the familiar-looking design one of the reasons many people find the leak believable.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.digitaltrends.com%2Fcomputing%2Fwindows-11-is-getting-a-new-screen-tint-mode-and-your-eyes-might-thank-microsoft%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/hR473WLXozd50A4eMllF37XxBy2NVstWfbzwR2tNtgA=452">
<span>
<strong>Windows 11 is getting a new Screen Tint mode, and your eyes might thank Microsoft (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Microsoft is testing Screen Tint, a new accessibility feature for Windows 11 that overlays the entire screen with a customizable color tint to reduce eye strain and light sensitivity without changing the display's color temperature like Night Light. Users can choose from six preset colors or create their own, adjust the tint intensity, and even use it alongside Night Light, although enabling it disables Windows' existing Color Filters. The feature is currently available in the latest Windows Insider preview build and is joined by other improvements. It could become one of the most useful additions for people who spend long hours working or gaming on their PCs.
</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%2Fgraphic-design%2Ftrumps-new-us-passport-makes-institutional-design-look-like-a-personal-hustle%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/aEWUJ2nsmzUWO5s9H8BBf8Gf_Z5mxP_OG5I92dVV6mg=452">
<span>
<strong>Donald Trump's New US Passport Design Makes Institutional Branding Look Like a Personal Hustle (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Trump's new "Patriot Passport," a limited-edition design commemorating America's 250th birthday, features his image and signature alongside the Declaration of Independence. Historically unprecedented, no sitting or former head of state — not even dictators like Gaddafi — has appeared in a nation's passport while alive. Valid until 2036, the passport blurs the line between personal branding and institutional identity, outlasting Trump's presidency by seven years.
</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%2Fblog.murphytrueman.com%2Fyour-design-systems-newest-author-is-an-agent%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/18bjWIshaGgxzktY9T5SfA9wIft2IoPSPv29Ux_ALDQ=452">
<span>
<strong>Your Design System's Newest Author is an Agent (8 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Design system agents have shifted from passive readers to active authors, and the pace of that change has outrun existing review models. Through tools like Figma's MCP and Storybook 10.3, agents now modify canvases, edit tokens, write documentation, and author their own instruction files. Teams best positioned treat tokens as versioned APIs, write purpose-driven component descriptions, and assign clear ownership to reviewing agent-generated 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%2Fwww.figma.com%2Fblog%2Fprinciples-in-motion%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/lwGnYnFvlOCxFKSBol87SK-WQukMFpbqS-1ZLYIVlWk=452">
<span>
<strong>Principles in Motion (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Motion design treats time as a core design material, where understanding its mechanics transforms movement into meaningful communication. Three Figma motion designers note that unlike static design, motion unfolds through rhythm, pacing, and transitions — best informed by physics, nature, and film. While AI is making motion more accessible, foundational principles developed over a century remain essential to creating great — not just good — motion.
</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%2Fdesign-roles-are-changing-so-how-do-you-stay-a-maker-when-your-job-becomes-a-mender%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/wusuYAxCB98SSAVhKQXmbIQyOUOGT4widkEW3rXY8Uk=452">
<span>
<strong>Design roles are changing… so how do you stay a maker when your job becomes a mender? (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Many creatives feel their roles have shifted from generating original ideas to refining AI-generated work, creating a fear that their creative thinking and confidence will deteriorate if they rarely start from a blank page. Designers and creative leaders recommend protecting creativity by maintaining personal projects, setting boundaries with clients, using AI as a limited exploration tool rather than a replacement for thinking, and continuing to practise original ideation to preserve curiosity, judgment, and innovation. The broader message is that while AI will remain part of creative workflows, professionals should actively defend their role as strategic creators rather than becoming technicians who simply polish machine-generated output.
</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%2Fepochal.app%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/0xFHVhHflw5Sl64eZhP_cXArb16QpJd4QMWWzMGpBXI=452">
<span>
<strong>AI Video Generator for Text to Video & Image to Video (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Describe a scene or upload a still image, pick a model, and get a usable clip in minutes. Epochal connects prompt-to-video, image-to-video, and the AI image generation you need to build the opening frame, so concept, iteration, and the final asset stay in one place.
</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%2Fkami.tw93.fun%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/g1tu4iZizv_w4gSGPe_zvIxZ44HPUORvapa_6OkAPBs=452">
<span>
<strong>Layout Design System for the AI Era (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Kami is a layout design system for the AI era that makes documents clear, readable, and memorable.
</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%2Frexa-developer.github.io%2Ftiks%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/rm3427gJcY8JdfUR3IeiZuojge3UMsr2UsXMRHhFkik=452">
<span>
<strong>Procedural UI Sounds for the Web (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
tiks generates UI sounds (click, toggle, success, and error, etc.) at runtime using oscillators and gain envelopes through the Web Audio API. ~2KB gzipped.
</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%2Ftetralogical.com%2Fblog%2F2026%2F06%2F25%2Fdesigning-for-reading-disabilities%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/Xka911x8fRBw5Nx_mQe9NRoyeGaglM7Lv2w2D1vqZ2I=452">
<span>
<strong>Designing for People with Reading Disabilities (5 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Reading disabilities like dyslexia, hyperlexia, and alexia affect how the brain processes written text — not intelligence — making design choices crucial for reducing cognitive load. Plain language, left-aligned short lines, distinct typography, and descriptive link text are among the key recommendations for digital content that works for more people. These principles benefit not just those with reading disabilities, but also second-language readers, people in a hurry, and those with lower digital literacy.
</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%2F01-20-designs-the-websters-brand-on-presence-wonder-and-connection%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/vq03mOUQS32KehbJI-U4G7YKYWnLlXD4lhC79D99mZA=452">
<span>
<strong>01-20 designs The Webster's brand on presence, wonder, and connection (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The Webster's new brand identity, created by 01-20, is built around the idea of "the magic of presence," using the subtle wonder of magical realism—particularly inspired by Gabriel García Márquez—to make hospitality feel more human, emotionally engaging, and culturally rooted rather than transactional or overtly luxurious. The identity combines literary-inspired typography, warm earthy colors, carefully used illustrations, photography, and local storytelling to create meaningful moments while staying grounded in each hotel's architecture, history, and community. Rather than enforcing a rigid visual formula, the brand acts as a flexible storytelling framework, encouraging each property to express its own character through cultural programming, design, and connections to its neighbourhood.
</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%2Fthreadreaderapp.com%2Fthread%2F2069442038777397578.html%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/YuITL7fme6SIwLeA11Dm_8xMYKgrZppT4U0uw1OD7os=452">
<span>
<strong>Introducing OpenArt Director (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
OpenArt has introduced OpenArt Director, a tool built around "Vibe Directing" — a concept positioned to change video creation the way vibe coding changed software development. Users can describe their vision conversationally and receive videos up to 5 minutes long, complete with consistent characters, branding, voiceover, music, and captions — all without editing timelines. The platform supports 8+ languages natively and handles everything through a single chat interface, from initial creation to edits.
</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%2Fgraphicdesignjunction.com%2F2026%2F06%2Fsuperman-posters-illustrations%2F%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/y_NLKM7Ulfuh6XJhyDB0e1u1UmcgdkhxB5f97pNgZns=452">
<span>
<strong>Superman Posters: The Heroic Legacy in Stunning Comic Art (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Superman's legacy as one of the world's most recognizable superheroes spans over eight decades, dating back to his comic book debut in 1938.
</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%2Fproduct-design%2Fbehold-the-coolest-modern-apple-ipod-concept-yet%3Futm_source=tldrdesign/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/Gr7Zg0no1rd4JqaY2esvOAvawg-hXgFHoDqpQyhP4g0=452">
<span>
<strong>Behold, the coolest modern Apple iPod concept yet (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A modern Apple iPod concept featuring a curved aluminium body and classic click wheel has reignited nostalgia as refurbished iPods surge in popularity, despite it being unlikely that Apple will ever revive the product.
</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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/U3xTDt2_M9F3okmP_8fWPIoVZqK0FEKjbMGD3iV0ZOw=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/0nQCwac7J3CGRAfGPopO90EB4MPyd8lwHSspkl3C-GA=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/HVR7hC6Px-HDupZLQa3M8SGeUePX4LyiWpcbOyyFRPA=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/tKl-kDIicMUJRvmUYhZKRSHO4jwpsnjm_GLEsuAsSc0=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/agd0HNAFu6_6qAJ0gd4FCJAxfHkIUD-vRdeKluPK8LY=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/hT34lLzxGfdmZ7peMA4d0uTIvxPIYOw9Jomiv4mG8xs=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/FiZ0geDeI10cIg2XcETEKfunvM3ZH4-IVThc5UhmKtw=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/bVLeJJTEDf7lOttBOYdJgvAQ-VC-gw5F8kfnsYGBujI=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/mXt88tLQcDts8tZbqqjEFtcaOOnTLHDEpUpwJD3q_wM=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/4Xo3AkluRl1bT8xFtZiJEwue4mjOhkdYm-dNDUkyDY0=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=fbfc1f56-74f2-11f1-8dd5-f3582fa48853%26pt=campaign%26pv=4%26spa=1782907344%26t=1782909412%26s=67645fef9203ceda49ca508444d411bd7f1e0cff5d0b53c876de436ee70026b4/1/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/I5DBqG3E-0hEDEcBMQF8VRQ3BKLk2hOiEbywJGhn0rM=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/0100019f1daea4de-6d62c396-afa8-41b6-a344-8489f1d207df-000000/yTh8tYlIdO9Yn-k4AwJr83E5fo4PkCKTphKjQfjoN_4=452" style="display: none; width: 1px; height: 1px;">
</body></html>