<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[The Friction Layer]]></title><description><![CDATA[Unpacking the reality of selling, scaling, and integrating AI in heavy industry.]]></description><link>https://thefrictionlayer.com</link><image><url>https://substackcdn.com/image/fetch/$s_!4S8-!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7dfc071-8b81-4eb6-b64f-a2dbddc44b2a_512x512.png</url><title>The Friction Layer</title><link>https://thefrictionlayer.com</link></image><generator>Substack</generator><lastBuildDate>Thu, 04 Jun 2026 21:45:58 GMT</lastBuildDate><atom:link href="https://thefrictionlayer.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Marty Dytrych]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[thefrictionlayer@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[thefrictionlayer@substack.com]]></itunes:email><itunes:name><![CDATA[Marty Dytrych]]></itunes:name></itunes:owner><itunes:author><![CDATA[Marty Dytrych]]></itunes:author><googleplay:owner><![CDATA[thefrictionlayer@substack.com]]></googleplay:owner><googleplay:email><![CDATA[thefrictionlayer@substack.com]]></googleplay:email><googleplay:author><![CDATA[Marty Dytrych]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[The Friction Layer's Small modular reactors in the U.S. industrial corridor]]></title><description><![CDATA[The reactor industry spent forty years building cathedrals. The next decade is about building appliances &#8212; and the buyers won't be utilities.]]></description><link>https://thefrictionlayer.com/p/the-friction-layers-small-modular</link><guid isPermaLink="false">https://thefrictionlayer.com/p/the-friction-layers-small-modular</guid><dc:creator><![CDATA[Marty Dytrych]]></dc:creator><pubDate>Tue, 02 Jun 2026 00:33:28 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!f_hc!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2 style="text-align: center;"><strong>Hyperscalers, heavy industry, and the NRC.</strong></h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!f_hc!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!f_hc!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 424w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 848w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 1272w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!f_hc!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png" width="1456" height="402" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:402,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:213336,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/200211626?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!f_hc!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 424w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 848w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 1272w, https://substackcdn.com/image/fetch/$s_!f_hc!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d49d1bd-7e7c-4b58-ab4a-dd4156f300bf_4800x1324.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>The cast list is new. The buyers are Microsoft, Amazon, Dow, Nucor &#8212; not utilities. The vendors are NuScale, X-energy, GE Hitachi, TerraPower &#8212; most of them haven't built a commercial unit yet. The regulator is the NRC, working through a new framework while the deal flow accelerates around it. Every seat at the table is filled by someone the industry has barely worked with before.</p><p>The most overlooked thing about the SMR moment is who&#8217;s actually doing the work. The participants are not the people who built America&#8217;s last reactor fleet. The buyers used to be regulated utilities with rate-base recovery and decades of nuclear operating history. Now they&#8217;re hyperscalers with multi-decade compute demand curves and balance sheets that can underwrite twenty-year industrial PPAs without state approval.</p><p>The vendor side has flipped too. The companies racing to be first to commercial deployment &#8212; NuScale, X-energy, TerraPower, Kairos, BWXT, GE Hitachi &#8212; are a mix of nuclear veterans and venture-backed startups, but almost none of them has actually delivered a commercial U.S. unit. Each project is first-of-a-kind for the company, the customer, and the supply chain simultaneously. The relationship history baked into a traditional reactor project &#8212; the utility&#8217;s lobbyists, the vendor&#8217;s nuclear veterans, the state PSC&#8217;s familiarity with how a license modification gets reviewed &#8212; is just gone.</p><p>That changes the politics of every project and it changes where risk lives. The customer is now an investment-grade corporate balance sheet. The vendor is staking the company on the first units. The lender is underwriting industrial infrastructure rather than a regulated asset. The success or failure of the first ten projects will be determined less by reactor physics than by how quickly the new participants learn to work with each other and with the NRC.</p><p>To read the rest of this guide &#8212; What, When, Where, Why, How, plus the frames and why-it-matters sections &#8212; head to the full version: &#8594; <a href="https://guides.thefrictionlayer.com/smr-industrial-corridor">The Friction Layer&#8217;s Guide to SMRs in the US Industrial Corridor</a></p>]]></content:encoded></item><item><title><![CDATA[How to Talk to AI Like a Designer]]></title><description><![CDATA[The vocabulary industrial folks need to make AI tools &#8212; Claude, Gamma, Manus AI, Perplexity &#8212; stop producing slop.]]></description><link>https://thefrictionlayer.com/p/how-to-talk-to-ai-like-a-designer</link><guid isPermaLink="false">https://thefrictionlayer.com/p/how-to-talk-to-ai-like-a-designer</guid><dc:creator><![CDATA[Marty Dytrych]]></dc:creator><pubDate>Thu, 30 Apr 2026 11:34:52 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!MFWv!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><strong>Reference / Working Glossary</strong></p><p><strong>Read time</strong> &#183; 12 minutes</p><p><strong>Works with</strong> &#183; Claude, Gamma, Manus AI, Perplexity, Canva AI, ChatGPT, Gemini, Grok</p><p><strong>What you get</strong> &#183; 60+ terms &#183; translation table &#183; 3 worked examples</p><p>When you ask an AI tool for a slide deck, a LinkedIn carousel, or a one-pager, the words you choose <em>are</em> the job. "Make it look professional" gets you a stock photo and a gradient. The vocabulary in this guide gets you something that looks intentional, premium, and unmistakably yours &#8212; built for the VP of O&amp;M, the plant manager, the engineer, and the operator who never went to art school but ships visual work all day.</p><p><strong>Pattern &#183; 01 / The Premise</strong></p><h2><strong>Why words are the lever.</strong></h2><p>The bottleneck isn&#8217;t the AI. It&#8217;s you describing what you want.</p><p>The model has the talent. It has seen millions of decks, magazine spreads, annual reports, billboard campaigns, and editorial layouts. It can produce something genuinely good &#8212; when you tell it what good looks like.</p><p>The problem is that most people ask the way they&#8217;d ask a junior assistant. <em><strong>&#8220;Make it look professional.&#8221;</strong></em> <em><strong>&#8220;Make it pop.&#8221;</strong></em> <em><strong>&#8220;Add some color.&#8221;</strong></em> The model has no idea what you mean, so it averages across every &#8220;professional slide&#8221; it has ever seen and gives you the average. The average is terrible. Stock photos. Drop shadows. Three colors in a row that nobody chose. A pie chart nobody asked for.</p><p>Designers don&#8217;t talk that way. They name specific things &#8212; <strong>weight, leading, contrast, hierarchy, focal point, density, alignment, mood</strong> &#8212; because those are the dials you actually turn to make something look like something. When you learn the same vocabulary, the AI stops guessing. It executes.</p><p>This guide is the vocabulary. Every section names the terms designers use, what they mean, and how to drop them into a prompt the next time you&#8217;re staring at a screen at 11pm trying to make a turnaround proposal not look like every turnaround proposal.</p><p><strong>Pattern &#183; 02 / Frame the Ask</strong></p><h2><strong>The brief itself.</strong></h2><p>Before you ask for anything visual, give the AI the brief. Five short lines beats a paragraph of vibes every single time.</p><h3><strong>The Five-Part Brief.</strong></h3><p><strong>aka the only template you need</strong></p><p>What it is. Who it&#8217;s for. What it should feel like. What it must contain. What it must not do. Five lines, and the AI has more direction than most marketing departments give a designer.</p><p><strong>What:</strong> 6-slide LinkedIn carousel.<br><strong>Who:</strong> maintenance planners at refineries.<br><strong>Feel:</strong> calm, technical, credible.<br><strong>Contain:</strong> 3 reasons turnaround packages drift.<br><strong>Don&#8217;t:</strong> icons, stock photos, gradients.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!oY4z!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!oY4z!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 424w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 848w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 1272w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!oY4z!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png" width="728" height="101.79363548698167" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:145,&quot;width&quot;:1037,&quot;resizeWidth&quot;:728,&quot;bytes&quot;:8428,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!oY4z!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 424w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 848w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 1272w, https://substackcdn.com/image/fetch/$s_!oY4z!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1acbf4f5-f1ef-4d00-a8b6-82f80e5929db_1037x145.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>The Reference Move.</strong></h3><p><strong>aka &#8220;make it look like X&#8221;</strong></p><p>Naming a known visual style is the fastest cheat code in prompting. The AI has indexed every magazine, brand, and museum on the internet &#8212; point at one and it knows what to do.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!b3dh!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!b3dh!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 424w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 848w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 1272w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!b3dh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png" width="1030" height="193" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:193,&quot;width&quot;:1030,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:17623,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!b3dh!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 424w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 848w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 1272w, https://substackcdn.com/image/fetch/$s_!b3dh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0f9ed4eb-943a-45b3-9eb5-41c1d39a75db_1030x193.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Naming the Feeling.</strong></h3><p><strong>aka mood words</strong></p><p>Designers reach for emotional words because they cluster a hundred decisions at once. &#8220;Calm and credible&#8221; rules out neon, drop shadows, and bold gradients without you having to list them. Pick two adjectives. Use them every time.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Nj35!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Nj35!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 424w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 848w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 1272w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Nj35!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png" width="1021" height="201" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:201,&quot;width&quot;:1021,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:17361,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Nj35!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 424w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 848w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 1272w, https://substackcdn.com/image/fetch/$s_!Nj35!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1e348d62-91c1-4900-84ab-91af29624ef2_1021x201.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Constraints as a Feature.</strong></h3><p><strong>aka the &#8220;do not&#8221; list</strong></p><p>Half the work of looking premium is what you removed. Telling the AI what NOT to do is faster than describing what to do &#8212; and it&#8217;s the single biggest difference between a prompt that produces something polished and a prompt that produces a Christmas tree.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!C7MI!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!C7MI!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 424w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 848w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 1272w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!C7MI!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png" width="1016" height="187" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:187,&quot;width&quot;:1016,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:13924,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!C7MI!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 424w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 848w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 1272w, https://substackcdn.com/image/fetch/$s_!C7MI!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5b3baca-5dc5-45ff-865f-0ea6165ea3a7_1016x187.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 03 / The Bones</strong></p><h2><strong>Structure &amp; layout.</strong></h2><p>How the page or slide is divided. Get this right and most other things fall into place.</p><h3><strong>Hero.</strong></h3><p><strong>aka the opening, the cover slide</strong></p><p>The first thing someone sees. On a slide deck it&#8217;s the cover. On a carousel it&#8217;s slide 1. On a one-pager it&#8217;s the top third. Big headline, supporting line, one visual element. No more.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vFnY!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vFnY!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 424w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 848w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 1272w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vFnY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png" width="1010" height="283" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:283,&quot;width&quot;:1010,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:21902,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!vFnY!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 424w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 848w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 1272w, https://substackcdn.com/image/fetch/$s_!vFnY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9a649e0f-928d-4a5f-b80e-2d8b95931bf7_1010x283.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Section.</strong></h3><p><strong>aka content block, a slide</strong></p><p>A horizontal band of related content with its own headline. A 6-section page is a 6-slide deck is a 6-card carousel. Same logic, different format.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!PAoz!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!PAoz!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 424w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 848w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 1272w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!PAoz!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png" width="1012" height="117" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:117,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8008,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!PAoz!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 424w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 848w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 1272w, https://substackcdn.com/image/fetch/$s_!PAoz!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F819fdb33-ccbf-4bea-8e7b-09f3d3e751c1_1012x117.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Grid.</strong></h3><p><strong>aka columns system, layout grid</strong></p><p>Invisible vertical lines that everything snaps to. A 12-column grid is the standard. Telling the AI to &#8220;snap everything to a 12-column grid&#8221; eliminates the thing that makes amateur layouts feel off &#8212; elements that almost align.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Z7fb!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Z7fb!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 424w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 848w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 1272w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Z7fb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png" width="1021" height="227" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:227,&quot;width&quot;:1021,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8054,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Z7fb!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 424w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 848w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 1272w, https://substackcdn.com/image/fetch/$s_!Z7fb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3067e59b-bd11-4019-8466-63323d7fb2b1_1021x227.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Columns.</strong></h3><p><strong>aka content columns</strong></p><p>Vertical sections that hold content side by side. Three equal columns is the most common card layout &#8212; comparison, three steps, three pillars. Two columns is for compare-contrast.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!H346!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!H346!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 424w, https://substackcdn.com/image/fetch/$s_!H346!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 848w, https://substackcdn.com/image/fetch/$s_!H346!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 1272w, https://substackcdn.com/image/fetch/$s_!H346!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!H346!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png" width="1020" height="246" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:246,&quot;width&quot;:1020,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7992,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!H346!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 424w, https://substackcdn.com/image/fetch/$s_!H346!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 848w, https://substackcdn.com/image/fetch/$s_!H346!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 1272w, https://substackcdn.com/image/fetch/$s_!H346!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff805a5f2-0dbf-41b2-93c8-8ff0f7565eb5_1020x246.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Above the Fold.</strong></h3><p><strong>aka first viewport, the cover</strong></p><p>What you see before you scroll. The most valuable real estate on any page or any slide. If the message isn&#8217;t here, most people never see it.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!tr5G!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!tr5G!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 424w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 848w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 1272w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!tr5G!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png" width="1015" height="123" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:123,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7221,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!tr5G!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 424w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 848w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 1272w, https://substackcdn.com/image/fetch/$s_!tr5G!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc579b585-ff4f-4c72-b4e1-b18d1c7a0dd7_1015x123.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Full-Bleed vs. Contained.</strong></h3><p><strong>aka edge-to-edge vs. boxed</strong></p><p>Full-bleed = visual runs to the edges. Contained = content stays inside a centered box with margins. Full-bleed feels modern and immersive. Contained feels editorial and structured. Most premium decks alternate.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!7G5b!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!7G5b!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 424w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 848w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 1272w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!7G5b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png" width="1015" height="237" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:237,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7974,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!7G5b!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 424w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 848w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 1272w, https://substackcdn.com/image/fetch/$s_!7G5b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a3c9dda-306d-49a4-8192-358ef82f25d7_1015x237.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Slide Layout.</strong></h3><p><strong>aka the master template</strong></p><p>Every premium deck uses 4&#8211;6 layouts on repeat: title-only, title plus body, full-bleed photo with overlay, two-column, callout, and end-card. Naming the layout is more powerful than describing what should go on it.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!fjUO!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!fjUO!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 424w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 848w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 1272w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!fjUO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png" width="1017" height="123" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:123,&quot;width&quot;:1017,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7312,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!fjUO!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 424w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 848w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 1272w, https://substackcdn.com/image/fetch/$s_!fjUO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa4625d59-60f5-448a-bb43-2bad38f29679_1017x123.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 04 / The Secret Sauce</strong></p><h2><strong>Spacing &amp; rhythm.</strong></h2><p>Designers will tell you 80% of the difference between cheap and premium is just spacing. They&#8217;re not exaggerating.</p><h3><strong>Padding.</strong></h3><p><strong>aka inner space, internal spacing</strong></p><p>Space INSIDE an element, between its edge and its content. Big padding inside a card = roomy and premium. Tight padding = compact and dense. The single fastest way to make a slide feel expensive: increase padding.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!SRtJ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!SRtJ!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 424w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 848w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 1272w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!SRtJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png" width="1020" height="258" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:258,&quot;width&quot;:1020,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9377,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!SRtJ!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 424w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 848w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 1272w, https://substackcdn.com/image/fetch/$s_!SRtJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6a68d3b8-d616-4906-84c0-fb2b96040280_1020x258.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Margin.</strong></h3><p><strong>aka outer space, external spacing</strong></p><p>Space OUTSIDE an element, between it and its neighbors. Pushes things apart. The dashed area is the margin around the green blocks. Margin is what creates breathing room between sections.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!EHC2!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!EHC2!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 424w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 848w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 1272w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!EHC2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png" width="1022" height="280" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:280,&quot;width&quot;:1022,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9811,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!EHC2!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 424w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 848w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 1272w, https://substackcdn.com/image/fetch/$s_!EHC2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fab2e7383-d36e-4cd1-a1f2-7c697ce07cca_1022x280.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Whitespace.</strong></h3><p><strong>aka negative space, breathing room</strong></p><p>Empty space. Not a mistake &#8212; the point. Whitespace tells the reader where to look and makes the content that IS on the page feel important. Premium brands use a lot of it. Discount brands cram every pixel.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!mQ8b!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!mQ8b!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 424w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 848w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 1272w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!mQ8b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png" width="1020" height="133" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:133,&quot;width&quot;:1020,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7133,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!mQ8b!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 424w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 848w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 1272w, https://substackcdn.com/image/fetch/$s_!mQ8b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7be35605-d31a-4e2a-8d81-2a2589ed7c09_1020x133.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Density.</strong></h3><p><strong>aka information density</strong></p><p>How much stuff is packed into a given area. Low density = roomy, premium, easier to read. High density = data-dense, technical, harder on the eyes. A board memo wants low density. A reliability dashboard wants high density. Match the density to the use.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!8uK5!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!8uK5!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 424w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 848w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 1272w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!8uK5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png" width="1027" height="246" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:246,&quot;width&quot;:1027,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9500,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!8uK5!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 424w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 848w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 1272w, https://substackcdn.com/image/fetch/$s_!8uK5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77dacb04-dbf3-422a-a5ff-b7b60063f248_1027x246.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Vertical Rhythm.</strong></h3><p><strong>aka spacing scale</strong></p><p>The repeating beat of space between elements. Good design uses a consistent scale (8, 16, 24, 32, 48, 64) instead of random numbers. The AI gets this right when you tell it to. It guesses when you don&#8217;t.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MB8V!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MB8V!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 424w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 848w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 1272w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MB8V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png" width="1013" height="122" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/04c501a8-acae-489a-937b-52e54970fd74_1013x122.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:122,&quot;width&quot;:1013,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7219,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!MB8V!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 424w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 848w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 1272w, https://substackcdn.com/image/fetch/$s_!MB8V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F04c501a8-acae-489a-937b-52e54970fd74_1013x122.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 05 / Type</strong></p><h2><strong>Typography.</strong></h2><p>The voice of the page. Most &#8220;this looks bad&#8221; judgments come from type before anything else.</p><h3><strong>Font Weight.</strong></h3><p><strong>aka how thick the letters are (300&#8211;800)</strong></p><p>Modern type families have 5&#8211;8 weights. Weight does the heavy lifting of hierarchy &#8212; you don&#8217;t need a second font, you need the right weights of one. 800 for display, 700 for headers, 600 for emphasis, 400 for body, 300 for captions.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MFWv!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MFWv!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 424w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 848w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 1272w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MFWv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png" width="1012" height="395" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:395,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:28551,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!MFWv!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 424w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 848w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 1272w, https://substackcdn.com/image/fetch/$s_!MFWv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7b1335e9-abc2-4cb1-87c8-68cf4af4c31e_1012x395.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Type Scale.</strong></h3><p><strong>aka size hierarchy</strong></p><p>The set of font sizes you use. Pick 4&#8211;5 sizes and stick to them: 11, 14, 17, 24, 44 is a fine scale. The mistake is using 12 different sizes &#8212; the page feels chaotic.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!S42P!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!S42P!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 424w, https://substackcdn.com/image/fetch/$s_!S42P!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 848w, https://substackcdn.com/image/fetch/$s_!S42P!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 1272w, https://substackcdn.com/image/fetch/$s_!S42P!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!S42P!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png" width="1012" height="117" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:117,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:6924,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!S42P!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 424w, https://substackcdn.com/image/fetch/$s_!S42P!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 848w, https://substackcdn.com/image/fetch/$s_!S42P!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 1272w, https://substackcdn.com/image/fetch/$s_!S42P!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F79e6f376-7108-45fd-ab1f-787a404b0ef9_1012x117.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Leading.</strong></h3><p><strong>aka line-height, line spacing</strong></p><p>Vertical space between lines of text. Tight leading (1.1&#8211;1.2) for big headlines. Loose leading (1.5&#8211;1.7) for body copy. Bad leading is the #1 reason long text on a slide looks like a wall.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Aqio!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Aqio!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 424w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 848w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 1272w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Aqio!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png" width="1015" height="247" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:247,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:25070,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Aqio!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 424w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 848w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 1272w, https://substackcdn.com/image/fetch/$s_!Aqio!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F75efbd1a-3e68-4501-b1a5-a15e13348f5b_1015x247.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Tracking.</strong></h3><p><strong>aka letter-spacing</strong></p><p>Space between letters. Negative tracking (tight) on big headlines makes them feel modern. Positive tracking (wide) on small uppercase labels makes them feel editorial. Wrong tracking instantly says &#8220;amateur.&#8221;</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!QXdb!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!QXdb!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 424w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 848w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 1272w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!QXdb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png" width="1012" height="290" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:290,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:17997,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!QXdb!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 424w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 848w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 1272w, https://substackcdn.com/image/fetch/$s_!QXdb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd2c3853d-610e-47c9-aed5-926448c4b8df_1012x290.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Eyebrow &#8594; Headline &#8594; Support.</strong></h3><p><strong>aka the editorial stack</strong></p><p>The premium pattern at the top of every section. A small uppercase label (eyebrow) tells you the category. A big headline tells you the point. A short subtitle adds context. Three lines, all the work.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!1NCO!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!1NCO!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 424w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 848w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 1272w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!1NCO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png" width="1011" height="122" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:122,&quot;width&quot;:1011,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7347,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!1NCO!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 424w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 848w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 1272w, https://substackcdn.com/image/fetch/$s_!1NCO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F896aac77-7902-40c4-b31f-1f3d1b904658_1011x122.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>One Family, All Weights.</strong></h3><p><strong>aka the no-second-font rule</strong></p><p>You don&#8217;t need a second font. Geist, Inter, IBM Plex Sans, S&#246;hne, or Helvetica Now in 5 weights does more than any pairing. The &#8220;designer who picks two fonts&#8221; thing is the wrong fight 95% of the time.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!muMe!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!muMe!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 424w, https://substackcdn.com/image/fetch/$s_!muMe!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 848w, https://substackcdn.com/image/fetch/$s_!muMe!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 1272w, https://substackcdn.com/image/fetch/$s_!muMe!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!muMe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png" width="1022" height="122" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:122,&quot;width&quot;:1022,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7405,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!muMe!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 424w, https://substackcdn.com/image/fetch/$s_!muMe!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 848w, https://substackcdn.com/image/fetch/$s_!muMe!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 1272w, https://substackcdn.com/image/fetch/$s_!muMe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe4d9358f-b813-4eb0-a054-c69c29f6c672_1022x122.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 06 / Color</strong></p><h2><strong>Color &amp; mood.</strong></h2><p>Color is mood. Get the mood right and the rest follows.</p><h3><strong>Palette.</strong></h3><p><strong>aka the whole color set</strong></p><p>The full set of colors you&#8217;ll use. A premium palette is small &#8212; usually 3&#8211;5 colors. A page background, a content surface, one accent, charcoal text, and maybe a faded version of the accent. That&#8217;s it.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ah8N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ah8N!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 424w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 848w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 1272w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ah8N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png" width="1012" height="292" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:292,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:18499,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ah8N!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 424w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 848w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 1272w, https://substackcdn.com/image/fetch/$s_!ah8N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05b7be36-1c4e-4355-931b-a34373606c95_1012x292.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Accent.</strong></h3><p><strong>aka the one color that pops</strong></p><p>The single color that draws the eye. One accent per page is the rule. Two accents is a compromise. Three is a clown suit. Use the accent on what matters most &#8212; a CTA, a key number, a section divider.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Jnxq!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Jnxq!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 424w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 848w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 1272w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Jnxq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png" width="1015" height="217" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/662bd262-3836-4e26-9725-9e278b2491db_1015x217.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:217,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8275,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Jnxq!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 424w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 848w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 1272w, https://substackcdn.com/image/fetch/$s_!Jnxq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F662bd262-3836-4e26-9725-9e278b2491db_1015x217.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Neutral.</strong></h3><p><strong>aka the supporting cast</strong></p><p>The grays, off-whites, and tans that hold the page together. Pure black on pure white feels harsh. Charcoal on warm stone feels human. Pick neutrals that are slightly warm or slightly cool &#8212; never neutral-neutral.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!xaJc!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!xaJc!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 424w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 848w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 1272w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!xaJc!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png" width="1015" height="121" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:121,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8464,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!xaJc!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 424w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 848w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 1272w, https://substackcdn.com/image/fetch/$s_!xaJc!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb265ff40-942b-4ddc-9dfe-e4c8e650652a_1015x121.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Contrast.</strong></h3><p><strong>aka readability, accessibility</strong></p><p>The difference in lightness between text and background. High contrast is readable. Low contrast looks pretty in a Figma file and unreadable in an email. The block on the right below is what bad contrast looks like.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!LRw5!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!LRw5!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 424w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 848w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 1272w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!LRw5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png" width="1012" height="207" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/cf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:207,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:11556,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!LRw5!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 424w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 848w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 1272w, https://substackcdn.com/image/fetch/$s_!LRw5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcf4b66dc-550f-49ef-8851-f9db3152274c_1012x207.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Mood Words.</strong></h3><p><strong>aka the shortcut to a palette</strong></p><p>Asking for &#8220;a calm, credible palette&#8221; gets you something usable. Asking for &#8220;blue and gray&#8221; gets you a 1998 corporate intranet. Mood words encode dozens of decisions &#8212; saturation, temperature, pairing &#8212; into two adjectives.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!2kJh!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!2kJh!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 424w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 848w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 1272w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!2kJh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png" width="1016" height="116" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:116,&quot;width&quot;:1016,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7102,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!2kJh!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 424w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 848w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 1272w, https://substackcdn.com/image/fetch/$s_!2kJh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fee51c837-a045-428d-a2f2-8f238e151f3c_1016x116.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>No Gradients, No Shadows.</strong></h3><p><strong>aka the modern minimalism rule</strong></p><p>Both gradients and drop shadows date a design instantly. They were the look of 2010s startup decks. The current premium look is flat color, hairline borders, and generous whitespace. If you want to look modern, just say no.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!z5Ys!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!z5Ys!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 424w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 848w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 1272w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!z5Ys!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png" width="1007" height="120" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:120,&quot;width&quot;:1007,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7355,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!z5Ys!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 424w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 848w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 1272w, https://substackcdn.com/image/fetch/$s_!z5Ys!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa5865e9f-2d54-4ca8-8e74-7881f7ea3e06_1007x120.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 07 / Composition</strong></p><h2><strong>Composition.</strong></h2><p>Where the eye goes, in what order, and why. The invisible directing of attention.</p><h3><strong>Alignment.</strong></h3><p><strong>aka edges that line up</strong></p><p>Things on a page should share invisible left, right, or center edges. Misalignment by even 4 pixels is the thing your eye hates and your brain can&#8217;t name. Left-aligned is editorial. Center-aligned is for one-line statements only.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!igwE!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!igwE!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 424w, https://substackcdn.com/image/fetch/$s_!igwE!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 848w, https://substackcdn.com/image/fetch/$s_!igwE!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 1272w, https://substackcdn.com/image/fetch/$s_!igwE!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!igwE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png" width="1011" height="230" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:230,&quot;width&quot;:1011,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8880,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!igwE!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 424w, https://substackcdn.com/image/fetch/$s_!igwE!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 848w, https://substackcdn.com/image/fetch/$s_!igwE!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 1272w, https://substackcdn.com/image/fetch/$s_!igwE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0d40612e-477c-405d-b5dd-f2c1fb20c2fa_1011x230.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Hierarchy.</strong></h3><p><strong>aka what reads first, second, third</strong></p><p>The order the eye picks things up. Big and bold reads first. Small and gray reads last. Most amateur work has no hierarchy &#8212; every element is fighting for attention, so none of them get it.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!9dr6!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!9dr6!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 424w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 848w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 1272w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!9dr6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png" width="1013" height="257" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:257,&quot;width&quot;:1013,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8953,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!9dr6!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 424w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 848w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 1272w, https://substackcdn.com/image/fetch/$s_!9dr6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F534b9c8b-51a1-4a8c-aaf1-7778f4f061a7_1013x257.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Focal Point.</strong></h3><p><strong>aka the hero element</strong></p><p>The one thing on the page that wins. There can only be one. Make it bigger, bolder, or the only thing in the accent color &#8212; but only one of those, not all three.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!7N9M!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!7N9M!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 424w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 848w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 1272w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!7N9M!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png" width="1013" height="275" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f09eac3d-9184-459e-948c-8f971b689715_1013x275.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:275,&quot;width&quot;:1013,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:10967,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!7N9M!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 424w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 848w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 1272w, https://substackcdn.com/image/fetch/$s_!7N9M!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff09eac3d-9184-459e-948c-8f971b689715_1013x275.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Negative Space.</strong></h3><p><strong>aka let it breathe</strong></p><p>The empty area around your content. The most underused tool in industrial decks. A slide with one sentence and a lot of empty space around it lands harder than a slide with seven bullets. Always.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!9ZmT!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!9ZmT!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 424w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 848w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 1272w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!9ZmT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png" width="1015" height="123" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:123,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7773,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!9ZmT!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 424w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 848w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 1272w, https://substackcdn.com/image/fetch/$s_!9ZmT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F49ea615e-e0a8-4d18-b61d-229d653ee515_1015x123.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Balance.</strong></h3><p><strong>aka does it tip over</strong></p><p>When you squint at the page, do the visual weights feel even &#8212; or does one corner feel heavy? Symmetric balance is calm and formal. Asymmetric balance is dynamic and modern. Both are fine; &#8220;off-balance&#8221; is not.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!AMR9!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!AMR9!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 424w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 848w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 1272w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!AMR9!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png" width="1020" height="127" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:127,&quot;width&quot;:1020,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:6989,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!AMR9!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 424w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 848w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 1272w, https://substackcdn.com/image/fetch/$s_!AMR9!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62456e1b-5c51-4987-b6a1-bdeeeba33d69_1020x127.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 08 / Imagery</strong></p><h2><strong>Imagery.</strong></h2><p>When you do use a photo, here&#8217;s how to ask for one that doesn&#8217;t look like LinkedIn 2014.</p><h3><strong>Aspect Ratio.</strong></h3><p><strong>aka the shape of the image</strong></p><p>Square (1:1) for social. Portrait (4:5) for LinkedIn carousels. Wide (16:9) for slides. Naming the ratio up front saves you from getting an image that&#8217;s been mangled to fit.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!xdWL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!xdWL!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 424w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 848w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 1272w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!xdWL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png" width="1010" height="251" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d511c513-82c2-4de3-adbe-a288548946f6_1010x251.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:251,&quot;width&quot;:1010,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9425,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!xdWL!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 424w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 848w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 1272w, https://substackcdn.com/image/fetch/$s_!xdWL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd511c513-82c2-4de3-adbe-a288548946f6_1010x251.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Full-Bleed Image.</strong></h3><p><strong>aka edge-to-edge photo</strong></p><p>A photo that covers the entire slide with text overlaid. Premium move for cover slides and section dividers. Looks expensive when paired with a darkening overlay so the type stays readable.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!EsVh!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!EsVh!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 424w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 848w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 1272w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!EsVh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png" width="1012" height="122" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/95f786a2-6f18-4706-a116-c3d343247261_1012x122.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:122,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8525,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!EsVh!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 424w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 848w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 1272w, https://substackcdn.com/image/fetch/$s_!EsVh!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F95f786a2-6f18-4706-a116-c3d343247261_1012x122.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Candid vs. Stock.</strong></h3><p><strong>aka real vs. fake</strong></p><p>Stock photos of &#8220;factory workers smiling&#8221; are uniformly terrible. Always have been. Always will be. Either use real photos from your site, real iPhone photos from a job site, or skip the photo entirely and let typography do the work.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!b6Ze!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!b6Ze!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 424w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 848w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 1272w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!b6Ze!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png" width="1022" height="126" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:126,&quot;width&quot;:1022,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7609,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!b6Ze!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 424w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 848w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 1272w, https://substackcdn.com/image/fetch/$s_!b6Ze!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa2e86611-2cec-461b-8fbc-9458862eb8e5_1022x126.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>Monochrome Treatment.</strong></h3><p><strong>aka the editorial photo trick</strong></p><p>Convert any photo to black-and-white or a tinted single color. Instantly takes a mediocre image and makes it look intentional. Editorial magazines do this all the time. Almost no industrial decks do it. They should.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!TtXu!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!TtXu!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 424w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 848w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 1272w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!TtXu!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png" width="1013" height="123" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:123,&quot;width&quot;:1013,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7787,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!TtXu!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 424w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 848w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 1272w, https://substackcdn.com/image/fetch/$s_!TtXu!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c19ef4f-9316-425f-94f2-b0ceab4655b6_1013x123.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>The Industrial Photo Problem.</strong></h3><p><strong>aka why stock falls apart for our world</strong></p><p>There are maybe twelve good stock photos of refineries on the internet, and you&#8217;ve already seen all of them. Same with pump skids, well sites, and control rooms. If imagery matters, get a real one. If it doesn&#8217;t, replace it with a typographic slide and a single accent shape. That looks better anyway.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!8dUe!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!8dUe!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 424w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 848w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 1272w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!8dUe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png" width="1012" height="122" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:122,&quot;width&quot;:1012,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8018,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!8dUe!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 424w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 848w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 1272w, https://substackcdn.com/image/fetch/$s_!8dUe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62caa449-2666-443c-99d4-d8e6ba5d65b4_1012x122.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 09 / Voice on the Page</strong></p><h2><strong>Voice on the page.</strong></h2><p>Industrial folks over-explain. Slides should be condiments, not the meal.</p><h3><strong>One Idea Per Slide.</strong></h3><p><strong>aka the discipline rule</strong></p><p>Every slide has one idea. If you have two ideas, you have two slides. The most common bad-deck mistake is cramming three points onto one slide because someone is afraid of &#8220;too many slides.&#8221; Nobody is afraid of too many slides. They&#8217;re afraid of bad ones.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vRpE!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vRpE!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 424w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 848w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 1272w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vRpE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png" width="1015" height="412" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:412,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:18370,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!vRpE!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 424w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 848w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 1272w, https://substackcdn.com/image/fetch/$s_!vRpE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff2c15d37-b677-4a49-8f66-bf6494df77bc_1015x412.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Punchy Declarative.</strong></h3><p><strong>aka stop hedging</strong></p><p>Headlines on premium slides are short, declarative, and have a point of view. &#8220;Three Pumps Killed Our Turnaround&#8221; is a headline. &#8220;An Overview of Pump Performance Issues During Q2&#8221; is a section in a textbook.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!xyi-!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!xyi-!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 424w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 848w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 1272w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!xyi-!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png" width="1015" height="120" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:120,&quot;width&quot;:1015,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8448,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!xyi-!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 424w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 848w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 1272w, https://substackcdn.com/image/fetch/$s_!xyi-!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3cc6434f-4788-4ac8-a31a-471db7a4826b_1015x120.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>No Bullets (Almost).</strong></h3><p><strong>aka the bullet ban</strong></p><p>Bullet points are where ideas go to die. They flatten everything to the same weight. If you must have a list, make it three items max, each a complete sentence. Otherwise: turn each bullet into its own slide.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!KO3N!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!KO3N!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 424w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 848w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 1272w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!KO3N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png" width="1010" height="406" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/cd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:406,&quot;width&quot;:1010,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:25015,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!KO3N!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 424w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 848w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 1272w, https://substackcdn.com/image/fetch/$s_!KO3N!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd8843b2-82fd-4575-86e6-c81d999ceafe_1010x406.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3><strong>Specific Numbers.</strong></h3><p><strong>aka the credibility shortcut</strong></p><p>&#8220;$56K/year in lost engineering time&#8221; lands. &#8220;Significant cost savings&#8221; doesn&#8217;t. The AI defaults to vague unless you push it. Tell it to use specific numbers, and if you don&#8217;t have them, tell it to leave the placeholder visible so you remember to fill them in.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!k2gd!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!k2gd!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 424w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 848w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 1272w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!k2gd!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png" width="1011" height="117" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:117,&quot;width&quot;:1011,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9032,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!k2gd!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 424w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 848w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 1272w, https://substackcdn.com/image/fetch/$s_!k2gd!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe3a18897-80f6-4952-aa71-0f721bb9a433_1011x117.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3><strong>The Last Slide.</strong></h3><p><strong>aka NOT &#8220;Questions?&#8221;</strong></p><p>A &#8220;Thank You&#8221; or &#8220;Questions?&#8221; slide is the most wasted real estate in any deck. The last thing on the screen should be the takeaway you want them to remember. Patrick Winston&#8217;s MIT lecture rule: the last slide highlights contributions, not gratitude.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!91vq!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!91vq!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 424w, https://substackcdn.com/image/fetch/$s_!91vq!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 848w, https://substackcdn.com/image/fetch/$s_!91vq!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 1272w, https://substackcdn.com/image/fetch/$s_!91vq!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!91vq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png" width="1008" height="117" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:117,&quot;width&quot;:1008,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:8699,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!91vq!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 424w, https://substackcdn.com/image/fetch/$s_!91vq!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 848w, https://substackcdn.com/image/fetch/$s_!91vq!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 1272w, https://substackcdn.com/image/fetch/$s_!91vq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F088c18ab-9dbd-419f-b1e1-664dadf646f2_1008x117.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p><strong>Pattern &#183; 10 / Vague &#8594; Precise</strong></p><h2><strong>The translation layer.</strong></h2><p>Vague words on the left. The same idea, said the way an AI tool can act on it, on the right. This is the page worth bookmarking.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ldJq!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ldJq!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 424w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 848w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 1272w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ldJq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png" width="912" height="636" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:636,&quot;width&quot;:912,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:95501,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ldJq!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 424w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 848w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 1272w, https://substackcdn.com/image/fetch/$s_!ldJq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F32df0ff1-8e88-4a4f-9485-91d794e1bb8d_912x636.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!JO3T!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!JO3T!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 424w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 848w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 1272w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!JO3T!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png" width="906" height="751" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:751,&quot;width&quot;:906,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:125170,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!JO3T!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 424w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 848w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 1272w, https://substackcdn.com/image/fetch/$s_!JO3T!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff55421a3-5990-4f23-9d95-dd8de86c2752_906x751.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>Pattern &#183; 11 / In the Wild</strong></p><h2><strong>Three industrial examples.</strong></h2><p>The same vocabulary applied to three real industrial use cases. Vague prompt on the left, precise prompt on the right, and what each one will actually produce.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!mgju!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!mgju!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 424w, https://substackcdn.com/image/fetch/$s_!mgju!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 848w, https://substackcdn.com/image/fetch/$s_!mgju!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 1272w, https://substackcdn.com/image/fetch/$s_!mgju!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!mgju!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png" width="907" height="463" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:463,&quot;width&quot;:907,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:91549,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!mgju!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 424w, https://substackcdn.com/image/fetch/$s_!mgju!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 848w, https://substackcdn.com/image/fetch/$s_!mgju!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 1272w, https://substackcdn.com/image/fetch/$s_!mgju!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F051a5b56-ce3c-44d8-989e-f2fab90bd93a_907x463.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Y6YN!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Y6YN!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 424w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 848w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 1272w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Y6YN!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png" width="910" height="427" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:427,&quot;width&quot;:910,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:85557,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Y6YN!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 424w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 848w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 1272w, https://substackcdn.com/image/fetch/$s_!Y6YN!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9504b2d7-2b05-4172-be88-5f8043844dcb_910x427.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!J687!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!J687!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 424w, https://substackcdn.com/image/fetch/$s_!J687!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 848w, https://substackcdn.com/image/fetch/$s_!J687!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 1272w, https://substackcdn.com/image/fetch/$s_!J687!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!J687!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png" width="907" height="492" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:492,&quot;width&quot;:907,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:97139,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!J687!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 424w, https://substackcdn.com/image/fetch/$s_!J687!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 848w, https://substackcdn.com/image/fetch/$s_!J687!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 1272w, https://substackcdn.com/image/fetch/$s_!J687!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5e1bcff9-1a0c-4b75-9b52-cb023153708f_907x492.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>Pattern &#183; 12 / Across Every Tool</strong></p><h2><strong>A note on tools.</strong></h2><p>The vocabulary in this guide is portable. The tool you happen to use this week matters less than you think.</p><p>laude PPT, Claude Design, Gamma, Manus AI, Perplexity, Canva AI, Beautiful AI, Tome &#8212; every one of them is a thin layer on top of a large language model that has read every design book and brand book on the internet. They differ in interface and in how they format the output, but they all respond to the same vocabulary.</p><p>Each one weights certain words slightly differently. Gamma loves the word <em><strong>editorial</strong></em>. Claude responds best when you give it explicit constraints (the &#8220;do not&#8221; list). Perplexity wants source-aware framing &#8212; tell it where its information should come from. Manus AI does well when you describe the layout in spatial terms (top-left, full-bleed, two columns).</p><p>None of that matters if you can&#8217;t name what you want. Once you can &#8212; the language in this guide &#8212; you&#8217;ll get usable output from any of them. And when a new tool launches next month that&#8217;s better than all of them, you&#8217;ll know exactly how to talk to that one too.</p><p>The model is not the bottleneck. <em><strong>It hasn&#8217;t been for a while.</strong></em> The brief is.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!rU_m!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!rU_m!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 424w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 848w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 1272w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!rU_m!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png" width="910" height="647" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/233feb59-3c61-4550-8d54-616447586314_910x647.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:647,&quot;width&quot;:910,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:119409,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://thefrictionlayer.com/i/195941503?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!rU_m!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 424w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 848w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 1272w, https://substackcdn.com/image/fetch/$s_!rU_m!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F233feb59-3c61-4550-8d54-616447586314_910x647.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p>]]></content:encoded></item></channel></rss>