<!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;">Apple has released beta versions of SF Symbols 8 and Icon Composer 2 for developers and designers following WWDC26. SF Symbols 8 adds new symbols </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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/-mu9B-eOTToq5nUbqM2BLvooKRQORc9AYhcxQpketB0=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/flrBz-XxDDF3OIkEFyO_IUfQP-zPuLdbGvE8jtp2V7Q=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=e74e82d2-6896-11f1-a501-85fcef8b11be%26pt=campaign%26t=1781526839%26s=412f99966d67cc02b859de9d6697e3ee8c086526d6fb3d56e01695c647cef742/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/hICVewZMiz68MbzAEyQrqVRLScNaYdQ8kn5iLdFuQW4=452"><span>View Online</span></a></span>
<br>
</span></div>
</td></tr></tbody></table>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="text-align: center;"><span data-darkreader-inline-color="" style="--darkreader-inline-color:#3db3ff; color: rgb(51, 175, 255) !important; font-size: 30px;">T</span><span style="font-size: 30px;"><span data-darkreader-inline-color="" style="color: rgb(232, 192, 96) !important; --darkreader-inline-color:#e8c163; font-size:30px;">L</span><span data-darkreader-inline-color="" style="color: rgb(101, 195, 173) !important; --darkreader-inline-color:#6ec7b2; font-size:30px;">D</span></span><span data-darkreader-inline-color="" style="--darkreader-inline-color:#dd6e6e; color: rgb(220, 107, 107) !important; font-size: 30px;">R</span>
<br>
</td></tr></tbody></table>
<br>
<table align="center" bgcolor="" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody></tbody></table>
<table style="table-layout: fixed; width:100%;" width="100%"><tbody><tr><td style="padding:0;border-collapse:collapse;border-spacing:0;margin:0;">
<div style="text-align: center;">
<h1><strong>TLDR Design <span id="date">2026-06-15</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%2F9to5mac.com%2F2026%2F06%2F12%2Ficon-composer-2-and-sf-symbols-8-now-available-as-betas%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/7qXZC5TZ1JS96ZsA2DpWH1KGlad8CrL7dJ-ItgwIUWQ=452">
<span>
<strong>Icon Composer 2 and SF Symbols 8 now available as betas (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Apple has released beta versions of SF Symbols 8 and Icon Composer 2 for developers and designers following WWDC26. SF Symbols 8 adds new symbols across Apple's latest operating systems, bringing the total library to more than 7,000 symbols with support for animations, effects, and variable rendering. Icon Composer 2 introduces Liquid Glass design tools such as Refraction for realistic light distortion, improved specular highlights for better layer definition, and an Extended Preview mode that lets designers see how app icons will appear on both current and previous operating systems.
</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%2Frelease-notes%2F%3Ftitle=figma-chrome-extension%26utm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/0HCa_QV6Yj7AMGScZCA27U6AC7adMFPA4_uNC98JeR8=452">
<span>
<strong>Capture Webpages as Editable Figma Layers with the Chrome Extension (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Figma released a Chrome extension that captures webpages as editable layers, allowing users to copy full pages or selected elements and paste them directly into Figma. The feature enables designers to reference and modify web content without requiring coding skills. This beta feature is currently available only on paid plans, with design system integration coming soon.
</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%2F06%2F10%2Fpinterest-bets-on-creators-with-amazon-storefront-integration%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/DoXUB2ZTn0q4qpKISB9XhxTeMFeVzFNUBwJyKsg6l44=452">
<span>
<strong>Pinterest Bets on Creators with Amazon Storefront Integration (2 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Pinterest has partnered with Amazon to allow creators to integrate their Amazon Storefronts directly into their Pinterest profiles, automatically applying affiliate links when creators tag eligible Amazon products. The move aims to attract creators who primarily use larger platforms like Instagram and TikTok while helping Pinterest regain its position as a shopping destination. This partnership also represents Pinterest's effort to combat user complaints about AI-generated content by focusing on real creator recommendations.
</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%2Flinks.tldrnewsletter.com%2FSte7Uc/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/kGcpNuljAZaOYabskDNsBBWaQkKt96RTdxlDdYMWFj0=452">
<span>
<strong>We stopped clicking, and AI became the Internet (11 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The internet is increasingly being mediated by AI, bots, and zero-click experiences, reducing the direct connections between readers and creators that once sustained the open web. While AI makes information more accessible and convenient, it also risks weakening curiosity, diversity of thought, and the economic incentives that support original human-created content. The challenge is not that AI has replaced the web, but that it increasingly sits between people and the original sources of knowledge. The piece argues for greater source transparency, AI neutrality, and product designs that encourage discovery and user agency rather than simply delivering the fastest possible answer.
</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.aaron-gustafson.com%2Fnotebook%2Fcan-your-ai-pass-the-accessibility-test%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/AS_DWjFIkrujzBHvjweN2Spsfoq_tLSetFsiSf-o36Q=452">
<span>
<strong>Can Your AI Pass the Accessibility Test? (10 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI accelerates whatever development process you already have, so if accessibility isn't built into your workflow, AI will scale and accelerate the creation of barriers for disabled users. Teams should implement accessibility checks at every stage of their development pipeline, from planning through release, because fixing accessibility issues becomes exponentially more expensive the later they're caught. The key is involving people with disabilities in the planning process rather than trying to solve accessibility problems without understanding the actual needs of disabled users.
</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%2Fblog.murphytrueman.com%2Fevery-component-in-your-design-system-is-a-promise%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/YTuririX9Npz-fIohtwjY5ABoiLSBEiTD5ki7qB-IyE=452">
<span>
<strong>Every Component in Your Design System is a Promise (11 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Ian Guisard from Uber built an AI system called uSpec that generates component documentation in minutes instead of weeks by programmatically reading well-structured design systems. Design systems function as contracts that make promises about component behavior, token meanings, and usage guidelines, but most aren't structured explicitly enough for AI agents to interpret accurately. The key difference is that documentation describes intent for humans while contracts specify and enforce rules that machines can parse without interpretation.
</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%2Fcssbuttons.io%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/NlliVmVV2lX7CmC3D_kZl7anAlRkCLQN4ucBi4vncnA=452">
<span>
<strong>CSS Buttons (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
A diverse collection of over 100 unique button styles. Get the code you need to enhance your web projects with stylish, functional buttons.
</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%2Fvirtualosmuseum.org%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/fgBvt-wwDHZzjPCqTps8gtlq6oBFoSRM0bekDfNhzVs=452">
<span>
<strong>The Virtual OS Museum (Website)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
The Virtual OS Museum is a Linux VM that runs over 1,700 historical operating systems from 1948 to the present under emulation, covering mainframes, Unix variants, home computers, and mobile systems.
</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%2Fwww.nngroup.com%2Farticles%2Fcontext-architecture%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/k-eojEXr04HRJDpaakFhAL0vaCOPvk6jDJPJHJ8YLb8=452">
<span>
<strong>Context Architecture (15 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
AI product design is evolving from prompt engineering to context architecture. As AI agents become more autonomous, their performance increasingly depends on how instructions, knowledge, tools, memory, and state are organized—not just on the prompt itself. Applying information architecture principles such as hierarchy, labeling, taxonomy, and memory design helps AI systems retrieve the right information, choose the right tools, and behave more reliably. The key challenge is no longer defining exact outputs, but designing the information environment in which AI thinks and acts.
</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.gamegrin.com%2Farticles%2Fhow-videogame-ux-quietly-reshaped-2026-online-design%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/neybj3tuhR5JUHezWjNsiRlphNNvjl7Ii4bjJFbAg8s=452">
<span>
<strong>How Videogame UX Quietly Reshaped 2026 Online Design (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Online casinos have dramatically transformed their user interfaces between 2018 and 2026 by hiring video game designers and adopting patterns from live-service games. The modern casino experience now features tutorial flows, daily quests, progression systems, and achievement mechanics borrowed directly from console and mobile gaming. While the underlying gambling mechanics remain unchanged, the design framework now mirrors free-to-play games rather than traditional slot machine interfaces.
</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%2FnP1kO4/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/EOx87tLtH75nxQJ47VQU1YZLDm7f5tR4cWh3I04auuA=452">
<span>
<strong>Five Ways the World Cup Ticketing Process is a Complete Design Fail (4 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
FIFA's World Cup ticketing system has drawn investigations from four US states over complaints of false advertising and inflated prices. The platform frustrates fans with long queues, glitches, blind seat selection, and dynamic pricing that prioritizes revenue over user experience. Disabled fans and groups face additional hurdles, including pricier accessible seating and no guarantee of sitting together.
</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%2Fdesignyoutrust.com%2F2026%2F06%2Fdollhouse-oddity-turns-blythe-dolls-into-gothic-one-of-a-kind-character-portraits%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/Ei1G82AfU7wtgv_y6nGQKzuTCdSrLiyVeCKvbxXWpZ0=452">
<span>
<strong>Dollhouse Oddity Turns Blythe Dolls into Gothic, One-of-a-kind Character Portraits (1 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Dollhouse Oddity is a studio specializing in customizing Blythe dolls into gothic, one-of-a-kind character portraits with dark, spooky-feminine aesthetics.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="container" style="padding: 15px 15px;">
<div class="text-block">
<span>
<a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Ftympanus.net%2Fcodrops%2F2026%2F06%2F11%2Fsketching-the-impossible-a-3d-portfolio-built-without-a-single-3d-model%2F%3Futm_source=tldrdesign/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/NSHqYqD-eKk4eVMsxSNRqkhS76LDOzUK1Y1eb2MoNqM=452">
<span>
<strong>Sketching the Impossible: a 3D Portfolio Built Without a Single 3D Model (14 minute read)</strong>
</span>
</a>
<br>
<br>
<span style="font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;">
Developer Tomasz Szmajda created an award-winning 3D portfolio website without using any 3D modeling skills, instead building it entirely from flat geometry wrapped in hand-drawn textures using React Three Fiber and Three.js.
</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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/EOKzqHnIF8oA58W0kLyG1VA58m8LQU0cB4VxtNFIGdM=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/1oDS1Oo2-Vkx7IcWaRmutij_QJK0f_E_HL2TslGkfEY=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/O6AWJnwzovUxF3PtV_qtml6sR873SXr1wGVF-KecU6A=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/rKkcYVxIvSBgkBkCSikzwVWWtg9h_QC4qN92t1-nSuM=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/2vVsL5e-PZgEVremJzj2lSXNMOIRBwYtB2fRuNzEvew=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/qMU7QfhursQEwoFKmKjN51mVM69WNBbbBoy2WWk6mpg=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/57XJ9r1n67C4i7kPuEriv7sCa-YVvryLfmfns8RU1QE=452"><span>Jae Lee</span></a>, <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fmatejlatin%2F/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/koTS_kKKjT8VbEu41zG9JMdas3AvZ9v0S2jqywhmlgM=452"><span>Matej Latin</span></a> & <a href="https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fwww.linkedin.com%2Fin%2Fralph-brinker%2F/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/MDkdeEDxhDr2mpe7SJDk1BzzwPojqjNSc9r7M9a_b6Y=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/93pv_CmvfNCkTTorU9g1n5X2nx2YBYcmg0NjICvQdBo=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=e74e82d2-6896-11f1-a501-85fcef8b11be%26pt=campaign%26pv=4%26spa=1781524880%26t=1781526839%26s=656465d79301c3fc8623fa57072de3ccb08bd2587d20cc1aef7a3f39f758634b/1/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/gVOl75Q361i0R0VmwqrOqTl_23lMQDESz0Ks4i0e-xM=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/0100019ecb464159-f4db7545-623a-49aa-af72-06ba4fd75bf0-000000/Hkz-GlWUJwt4GFcP7_4sJ8ZAJumop4PHfUdo9bT49vY=452" style="display: none; width: 1px; height: 1px;">
</body></html>