<!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;">WhatsApp is adding four features designed to make busy group conversations easier to manage, including permanent message pins and β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β β </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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/4_AKb2PRFFi9Ac9OcPBWTtasDRy8zEzL4haCfVJ5PiY=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/Lxl7TlvT_WK9oZxC7vj-UnABF6AX2qPw0dUULDPb1e0=452" rel="noopener noreferrer" target="_blank"><span>Advertise</span></a></span>|<span style="margin-left: 2px;"><a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fa.tldrnewsletter.com%2Fweb-version%3Fep=1%26lc=a94e09a6-be20-11f0-83aa-6f2b114d4373%26p=53534b0e-d67c-11f1-ba22-1d5ac6715ea8%26pt=campaign%26t=1793626154%26s=af54ea4cbdd7718e04f719c0c5c1cc591e85fc77ce5fe566fa1952449e6ad44d/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/U-Fqgk8qG2ksXV-WHL4WW1kl27DEdnm4C8O78RCnJ9w=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-11-02</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.digitaltrends.com%2Fphones%2Fwhatsapp-group-status-permanent-message-pins%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/EUe6De_6a0b2v73gsBrnXvXjQlXJ76m9FHO6PcKtAF8=452">
<span>
<strong>WhatsApp group chats get permanent message pins, private Status updates, and more (3 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
WhatsApp is adding four features designed to make busy group conversations easier to manage, including permanent message pins and Group Status updates visible only to members of a particular group. A new filter collects unread conversations containing mentions, direct replies, or @all messages so users can quickly find messages that need their attention. Recent message history can also now be shared with someone after they have joined a group, helping new members catch up without exposing older conversations automatically.
</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%2Ftablets%2Fthe-ipad-is-finally-getting-the-affinity-app-creatives-have-been-asking-for%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/-g2z5izxmZEEeU1M_Ply7_4SU46-rXr5aCojoECIC8I=452">
<span>
<strong>The iPad is Finally Getting the Affinity App Creatives Have Been Asking For (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Affinity's all-in-one creative app is finally coming to iPad, nearly a year after its desktop debut, answering long-standing demands since new-format files can't open in the older V2 iPad apps. It combines photo editing, vector design, page layout, and sketching, with Apple Pencil support for pressure, tilt, and barrel roll, plus RAW editing and formats like PSD, AI, INDD, and SVG. The app is free for individuals despite its βpre-orderβ label, though Canva AI Studio features require a premium plan.
</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%2F10%2F29%2Fmeta-quietly-launches-an-ai-fashion-app-called-style-sketch%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/nPYpju5T31CZZy6cxQK8gVa0LLe-qFOj0HTT--oVxT0=452">
<span>
<strong>Meta Quietly Launches an AI Fashion App Called Style Sketch (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Meta's Style Sketch is an AI app that builds a virtual closet from a user's Instagram photos and suggests outfits from clothes they already own. Virtual try-ons use a model reflecting the user's body shape and skin tone, and trip plans pack outfits around destination, activities, and weather. The app launched on iOS and Android in Indonesia, Singapore, and Thailand, with no word on a wider rollout.
</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.chrbutler.com%2Ffaster-cheaper-better%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/SPQaT7cLOuVPl2pJrL6MC1cFs52lbxaMTqv73zQmPek=452">
<span>
<strong>There Will Always Be Someone Faster, Cheaper, and Better (8 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI intensifies designers' fears about competing with people who can work faster, cheaper, or better, but those pressures have existed throughout the history of professional design and every major shift in production tools. Faster tools become threatening when designers price their time rather than outcomes, while βbetterβ extends beyond the quality of an artifact to the experience, perspective, judgment, and relationships a designer brings to a client. As AI makes production faster, deliberately taking time to gain experience, make mistakes, and develop a singular way of working may become more valuable than racing to master whichever tool is currently dominant.
</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%2Funsung.aresluna.org%2Fthis-wasnt-a-thoughtfully-designed-menu%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/GmGZf1WZzQeUuWIpEDWxZeC7Ufe9i_OHJIul3vt4RNw=452">
<span>
<strong>βThis wasn't a thoughtfully designed menu.β (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Hawaii's 2018 false missile alert demonstrates how poor information architecture, ambiguous labels, and insufficient friction can turn an interface mistake into a real-world emergency affecting 1.4 million people. The alert system reportedly placed confusingly named test and real commands together without clear hierarchy or confirmation proportional to the consequences, making a catastrophic selection surprisingly easy. The same principles apply to everyday software on a smaller scale: visually similar choices, weak labeling, and poorly structured menus create countless small errors that gradually erode usability and trust.
</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%2Fdenodell.com%2Fblog%2Fdesign-systems-should-be-fast-by-default%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/v11QXTh0iiNzJt1jJnJbPq7qQOVbrLRHSVMLEZy55A0=452">
<span>
<strong>Design Systems Should Be Fast by Default (18 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Slow design system components make every app built on them slow, so performance belongs next to accessibility on the team's priority list. Timing ten popular systems on a 249-country dropdown and 100 checkboxes found Fluent and Carbon quickest to open the dropdown and Ionic by far the slowest. Playwright tests with explicit budgets, virtualized long lists, and published performance numbers keep components fast by default.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;"><span style="font-size: 36px;">π»</span></div>
</div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="text-block">
<div style="text-align: center;">
<h1><strong>Launches & Tools</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style="table-layout: fixed; width: 100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.webyes.com%2Fproduct%2Ffree-pdf-accessibility-checker%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/eRd0FhvQElzya9nLdcXjj2osJYs4-A_h3fwTaR8DddI=452">
<span>
<strong>Free Online PDF Accessibility Checker (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Check the accessibility of your PDF against WCAG and PDF/UA. Get actionable recommendations to fix the issues and move toward ADA, Section 508, and EAA compliance.
</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.cutbay.ai%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/gUZ-3xeHZf6U-iPh5JN7pLIxiDQR3zKd2oCMkthgfPY=452">
<span>
<strong>Automate Video Creation with AI Agent (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
An AI video agent that turns your ideas, documents, links, and media assets into share-ready videos. Describe the video you want to make, upload your assets, and Cutbay helps you shape the idea.
</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%2Finterfacelineage.com%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/pgQa_rNLQPigpKE1u0SmoK1RAXs-0PU4yAg3chEvZg0=452">
<span>
<strong>A Library of Patterns and Principles for Inventing New Interfaces (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
An interlinked library that takes interfaces apart for the people who make them. Every entry names the mechanism, traces it back to the people who built it, and connects it to the ideas it grew from.
</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%2Fkontrapunkts-packaging-and-copus-site-take-juno-the-bakery-worldwide%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/k_0hGw2t1kuzo5-dppUxgzL6K_i942fJLIjSd7tnkRw=452">
<span>
<strong>COPUS and Kontrapunkt design JUNO the bakery's cookie brand and site (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Kontrapunkt extended Copenhagen's JUNO the bakery into a restrained identity and packaging system built around white paper, subtle blue accents, simple duotone illustrations, and the bakery's blue peacock mascot. Its Danish Butter Cookies use the same quiet visual language. COPUS and Tommy Campbell carried the identity into JUNO's first online shop, using blue sparingly for highlights, product tiles, and the add-to-cart button to make the digital experience feel like a window into the physical bakery.
</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%2Fdribbble.com%2Fstories%2F2026%2F10%2F27%2Fwebsite-design-that-converts%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/AY97Clz8rxClKySWy4ARcgDM3Gl9bD2ukX4SkP9wJkg=452">
<span>
<strong>Website Design that Converts: Why Good-Looking Sites Still Fail (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Striking photography wins attention but fails when visitors cannot tell what working with a studio involves. Dutch lighting consultancy Eclectic Lighting bridges that gap with sector-based project filters, a four-step process, specific client reviews, and a floor plan upload. Asking for a floor plan visitors already have turns the contact form into a concrete next step.
</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.paulbakaus.com%2Fi-gave-my-website-a-boss-fight%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/jt4NYjTGFOHygWl934hlcQfyfhQ1zRgN3_Lw4i-jAiY=452">
<span>
<strong>I Gave My Website a Boss Fight (11 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Missing the personality of the old internet, Paul Bakaus rebuilt his personal website over ten days with Claude Code as a retro Amiga-style world, using a 4,096-color palette, live-synthesized music, and a boss fight against a monster called Jirasaurus. Each page became a themed scene, from a rooftop panel and a speaking auditorium to a floppy-disk office platformer, and three pages hide playable games. Claude wrote the code, built the art pipeline, and composed the music, but animation needed a leg rig and constant feedback, and the site stays a fast, optional-to-play Ghost theme where reading still comes first.
</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%2Fwww.creativebloq.com%2Ffeatures%2Fhow-this-artist-turned-childhood-nightmares-into-video-game-monsters%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/LEq_CVwff6ptjPOdg2_xgl7PqV93GK8kdfwBV52PupA=452">
<span>
<strong>How this artist turned childhood nightmares into video game monsters (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
John Kenn Mortensen translated his hand-drawn creatures and childhood fascination with darkness into the fantasy roguelike FLASK, combining grotesque medieval imagery, black humor, Labyrinth-like fantasy, and the energy of Slayer while working with a game art team to preserve his distinctive style in a colorful digital world.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fdesignyoutrust.com%2F2026%2F10%2Fthis-artist-is-using-90s-anime-aesthetics-to-create-the-ultimate-nostalgic-masterpieces-that-will-hit-you-right-in-the-feels%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/AJAOeZL2mhobtgdRyAcdtZCekRfNBjjnjBsxW7bVbfE=452">
<span>
<strong>This Artist is Using 90s Anime Aesthetics to Create the Ultimate Nostalgic Masterpieces That Will Hit You Right in the Feels (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Japanese-American illustrator Mike Yoshimura channels 80s and 90s anime, retro cyberpunk, and vintage cel animation into solitary figures in neon-lit rain and twilight cityscapes.
</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.designboom.com%2Fdesign%2Fhorse-shaped-headset-equine-eyes-interspecies-alan-hook%2F%3Futm_source=tldrdesign/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/2l2hYqCrzBRYs1mk_ZVTRK93aRjWHdluJM0ryyDdIvk=452">
<span>
<strong>This Horse-Shaped Headset Asks Designers to See the World Through Animal Eyes (6 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Equine Eyes, an oversized horse-head headset, uses side-mounted cameras and a VR display to simulate a horse's nearly 350-degree field of view and blue-yellow color perception.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left" style="word-break: break-word; vertical-align: top; padding: 5px 10px;">
<p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">
Love TLDR? Tell your friends and get rewards!
</p>
</td></tr>
<tr><td class="container" style="padding: 0px 10px 15px;">
<div class="text-block">
Share your referral link below with friends to get free TLDR swag!
</div>
</td></tr>
<tr><td align="left" style="padding: 10px;">
<div class="text-block">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Frefer.tldr.tech%2F4361667e%2F4/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/Cf-AcF_T_pJvTJEibLA6EMrF2tt8kyac790QKsF-c-s=452" style="color: #464ba4; text-decoration: underline;">https://refer.tldr.tech/4361667e/4</a>
</div>
</td></tr>
<tr></tr>
<tr><td align="left" style="padding:5px 10px;">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fhub.sparklp.co%2Fsub_1e2d9b8fdd06%2F4/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/gfQ-8P7EgHxCadd3qVW8NO-aXe3RYomTOVhgTADpHKs=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/IpgzrJR0SrCf3mqGBBAj9WT1Ydnj_ZArqOaZuoBVqHk=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/GUx7evEkxSitoyS-tqa3wZJ7FRGSL_R04TH9TMlt3so=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/BNAMs6Se4TDs7mZTUcW8u4hHWH50N9fyaxFvQwDdU0o=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/vN-SFridXuEVwZI0KExRXh1UmKooPnjneBofUb_Ccww=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/tHIrVbX7PkHw6cGNZQ8WItaWFHWrjOZBt8V8Plxkypk=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/DnOmXiyrURx9jvhtG1ePb8zErKJiE2xV_yHfBESUStA=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/FYCDwRLMzVqa9-fWIj0oa-WOT3EQ0k5uX6aepJZqyJA=452"><span>Ralph Brinker</span></a>
<br>
<br>
</div>
<br>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block" id="testing-id">
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftldr.tech%2Fdesign%2Fmanage%3Femail=donut.sweater.23%2540rss.andrealin.it/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/C8fFQzZdPPH46KW-Mc4FG_3wZMX9j950LfdLSu8n_Bo=452">Manage your subscriptions</a> to our other newsletters on tech, startups, and programming. Or if TLDR Design isn't for you, please <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fa.tldrnewsletter.com%2Funsubscribe%3Fep=1%26l=e1c4e253-3e90-11ed-9a32-0241b9615763%26lc=a94e09a6-be20-11f0-83aa-6f2b114d4373%26p=53534b0e-d67c-11f1-ba22-1d5ac6715ea8%26pt=campaign%26pv=5%26spa=1793624434%26t=1793626154%26s=4cc4889018a4da503e421e7101f2977ded3180685e83d26d808551e17c6d227c/1/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/XOG7Ztqip7hQfYhnV0lWYSCJaujbB3tQUhqEF57gArk=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/010001a19c7324f8-55058012-256f-46e4-9679-8a6af3461785-000000/g477sAqpnoCFTG4HESGuPmEJv4dunTW6msjSj61-wpE=452" style="display: none; width: 1px; height: 1px;">
</body></html>