<?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[Design Discipline]]></title><description><![CDATA[independent design research]]></description><link>https://www.designdisciplin.com</link><image><url>https://substackcdn.com/image/fetch/$s_!XOpJ!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf99a768-c393-4eb8-a464-0c40bba877f1_1280x1280.png</url><title>Design Discipline</title><link>https://www.designdisciplin.com</link></image><generator>Substack</generator><lastBuildDate>Mon, 27 Apr 2026 22:11:28 GMT</lastBuildDate><atom:link href="https://www.designdisciplin.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Design Discipline]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[designdiscipline@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[designdiscipline@substack.com]]></itunes:email><itunes:name><![CDATA[M.A. Baytaş]]></itunes:name></itunes:owner><itunes:author><![CDATA[M.A. Baytaş]]></itunes:author><googleplay:owner><![CDATA[designdiscipline@substack.com]]></googleplay:owner><googleplay:email><![CDATA[designdiscipline@substack.com]]></googleplay:email><googleplay:author><![CDATA[M.A. Baytaş]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Skip Rizzo]]></title><description><![CDATA[Skip is a clinical psychologist and a leading researcher in virtual reality for mental health]]></description><link>https://www.designdisciplin.com/p/skip-rizzo</link><guid isPermaLink="false">https://www.designdisciplin.com/p/skip-rizzo</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Tue, 07 Apr 2026 08:34:37 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/192301810/9b0796e1b7499cff2e8d7363e8d97805.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Skip is a clinical psychologist and pioneering researcher in virtual reality (VR) for mental health and rehabilitation. He is a research professor at the USC Institute for Creative Technologies, where he has led the development of immersive simulations for therapy, training, and cognitive assessment.</p><p>His work focuses on using VR to treat conditions such as post-traumatic stress disorder, traumatic brain injury, autism, and anxiety disorders. One of his most recognized contributions is Virtual Iraq/Afghanistan, a VR exposure therapy system used to help veterans process combat trauma.</p><p>Rizzo&#8217;s career is defined by merging psychology, neuroscience, and immersive technology to create clinically validated tools that improve mental health outcomes. He is widely regarded as one of the key figures who established VR as a legitimate therapeutic medium.</p><div><hr></div><h4>Affiliates</h4><p>These are products we personally use and recommend.</p><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p><div><hr></div></li></ul><p><a href="https://www.linkedin.com/in/skiprizzovr/">Skip on LinkedIn</a> | <a href="https://ict.usc.edu/about-us/leadership/research-leadership/albert-skip-rizzo/">USC</a></p>]]></content:encoded></item><item><title><![CDATA[Sean Rogg]]></title><description><![CDATA[Sean is a British artist and founder known for large-scale immersive performances]]></description><link>https://www.designdisciplin.com/p/sean-rogg</link><guid isPermaLink="false">https://www.designdisciplin.com/p/sean-rogg</guid><dc:creator><![CDATA[Leeloo]]></dc:creator><pubDate>Wed, 18 Feb 2026 12:30:31 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/185044113/205fddb03faa8134dd147a9c4124e6c6.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Sean is best known as the founder and creative force behind <a href="https://waldorfproject.com/">The Waldorf Project</a>, an ongoing experimental art platform launched in 2012 that has gained international recognition for pushing the limits of immersive and participatory experience.</p><p>Through The Waldorf Project, Sean has conceived and directed large-scale, radical performance environments often described as &#8220;empathy engineering&#8221; experiments. These works dissolve the boundary between audience and performer, combining ritual, architecture, sound, choreography, and psychological framing to explore connection, vulnerability, and collective consciousness. The project has been realised worldwide, involving over 5,000 participants in Thailand and a high-altitude performance for 400 people aboard a Lufthansa flight, an unprecedented context for live immersive art.</p><p>As a natural continuation of The Waldorf Project, Sean expanded his practice into virtual reality with Virtual Serenity, translating his principles of collective experience into a large-scale XR environment. Conceived as one of the most ambitious location-based VR empathy experiments to date, Virtual Serenity enabled up to 288 participants to share a synchronized virtual journey, extending Sean&#8217;s exploration of presence, emotional resonance, and shared human states into the digital realm.</p><div><hr></div><h4>Affiliates</h4><p>These are products we personally use and recommend.</p><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p><div><hr></div></li></ul><p><a href="https://www.linkedin.com/in/sean-rogg-40300530/">Sean on LinkedIn</a> | <a href="https://waldorfproject.com/">Waldorf Project</a>| <a href="https://www.instagram.com/waldorf_project/">Waldorf Project on Instagram</a></p>]]></content:encoded></item><item><title><![CDATA[Mila Morris]]></title><description><![CDATA[Mila is an entrepreneur with ventures spanning design, technology, and health]]></description><link>https://www.designdisciplin.com/p/mila-morris</link><guid isPermaLink="false">https://www.designdisciplin.com/p/mila-morris</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Mon, 02 Feb 2026 11:29:13 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/182337939/d42894eb96abe96421161fc92ff622dd.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Mila is the founder of Decima Longevity, a venture focused on making regenerative and longevity medicine transparent, ethical, and human-centered rather than opaque and elite.</p><p>Her work in longevity centers on translating complex fields such as cell therapies into systems people can understand, trust, and navigate.</p><p>She founded her first company at the age of 22, building a software-driven business for collaborative 3D/4D/5D workflows in design and construction. That early venture bridged architecture, technology, and large-scale production, serving both infrastructure projects and high-end creative studios. </p><p>Her career shows a consistent pattern: entering complex industries and restructuring them through clarity, aesthetics, and system-level thinking.</p><div><hr></div><h4>Affiliates</h4><p>These are products we personally use and recommend.</p><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div><hr></div><p><a href="https://www.linkedin.com/in/mila-morris-a5482932b/">Mila on LinkedIn</a> | <a href="https://www.decimastemcells.com/">Decima Longevity</a> | <a href="https://lechacuel.com/">Le Chacuel </a></p>]]></content:encoded></item><item><title><![CDATA[Carl Rivera]]></title><description><![CDATA[Carl is Chief Design Officer at Shopify]]></description><link>https://www.designdisciplin.com/p/carl-rivera</link><guid isPermaLink="false">https://www.designdisciplin.com/p/carl-rivera</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Sat, 13 Dec 2025 17:17:51 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/175888207/983f0438066316b7ab514714046e5c65.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Carl Rivera became Shopify&#8217;s Chief Design Officer in 2025, reinstating a design leadership position that was dormant at the company since the departure of its founding designer.</p><p>Earlier in his career, Carl co-founded Tictail, the Stockholm-based social shopping platform and marketplace known for its design. Shopify acquired Tictail in 2018, bringing Carl into the organization. He has since held product leadership positions at Shopify, where he led major initiatives serving millions.</p><div><hr></div><h4>Affiliates</h4><p>These are products we personally use and recommend.</p><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div><hr></div><h4>Books from the conversation</h4><ul><li><p><a href="https://geni.us/bhagavad-gita-dd">The Bhagavad Gita</a></p></li><li><p><a href="https://geni.us/the-hero">The Hero with a Thousand Faces</a> by Joseph Campbell</p></li><li><p><a href="https://geni.us/IfPQp">The Archetypes and the Collective Unconscious</a> by Carl G. Jung</p></li><li><p><a href="https://geni.us/ttpiO7A">How to be a Graphic Designer Without Losing Your Soul</a> by Adrian Shaughnessy</p></li></ul><div><hr></div><p><a href="https://www.linkedin.com/in/carlwrivera/">Carl on LinkedIn</a></p>]]></content:encoded></item><item><title><![CDATA[Adrian Shaughnessy]]></title><description><![CDATA[Adrian is a graphic designer, writer, and publisher]]></description><link>https://www.designdisciplin.com/p/adrian-shaughnessy</link><guid isPermaLink="false">https://www.designdisciplin.com/p/adrian-shaughnessy</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Wed, 29 Oct 2025 10:15:45 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/175884427/0da84fe3a9f94103fadedd3882da7857.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<div id="youtube2-W3H2aOEPqzA" class="youtube-wrap" data-attrs="{&quot;videoId&quot;:&quot;W3H2aOEPqzA&quot;,&quot;startTime&quot;:null,&quot;endTime&quot;:null}" data-component-name="Youtube2ToDOM"><div class="youtube-inner"><iframe src="https://www.youtube-nocookie.com/embed/W3H2aOEPqzA?rel=0&amp;autoplay=0&amp;showinfo=0&amp;enablejsapi=0" frameborder="0" loading="lazy" gesture="media" allow="autoplay; fullscreen" allowautoplay="true" allowfullscreen="true" width="728" height="409"></iframe></div></div><p>Adrian Shaughnessy is a British graphic designer, writer, and educator, best known for bridging design practice with critical thought. A self-taught creative, he co-founded the influential studio Intro and later the publishing imprint <a href="https://uniteditions.com/">Unit Editions</a>, producing landmark works on design culture. His 2005 book <em><a href="https://geni.us/ttpiO7A">How to Be a Graphic Designer Without Losing Your Soul</a></em> remains a favorite worldwide. </p><p>Adrian teaches at the Visual Communication program of the Royal College of Art in London as an associate lecturer. He has contributed essays, critiques and editorial work across major design publications, and under Unit Editions has published monographs on figures such as Herb Lubalin, Ken Garland, Lance Wyman, and Paula Scher. </p><div><hr></div><h4>Visit our sponsors:</h4><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful colour palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div><hr></div><h4>From the conversation:</h4><ul><li><p><a href="https://geni.us/graphic-design-a-user">Graphic Design: A User&#8217;s Manual</a> by Adrian Shaughnessy</p></li><li><p><a href="https://geni.us/herb-lubalin">Herb Lubalin: American Graphic Designer</a> by Unit Editions</p></li><li><p><a href="https://geni.us/ttpiO7A">How to be a Graphic Designer Without Losing Your Soul</a> by Adrian Shaughnessy</p></li><li><p><a href="https://geni.us/manuals-2">Manuals 2: Design &amp; Identity Guidelines</a> by Unit  Editions</p></li><li><p><a href="https://geni.us/paula-scher-works">Paula Scher: Works</a> by Unit Editions</p></li><li><p><a href="https://geni.us/pentagram-living">Pentagram: Living by Design</a> by Unit Editions</p></li><li><p><a href="https://geni.us/studio-culture-now">Studio Culture Now</a> by Unit Editions</p></li><li><p><a href="https://geni.us/UKcoXw">What is a Designer: Things, Places, Message</a> by Norman Potter</p></li></ul><div><hr></div><p><a href="https://uniteditions.com/">uniteditions.com</a> | <a href="https://x.com/AJWShaughnessy">x.com/AJWShaughnessy</a> | <a href="https://www.shaughnessyworks-prints.com/">shaughnessyworks-prints.com</a></p>]]></content:encoded></item><item><title><![CDATA[Sari Azout]]></title><description><![CDATA[Sari is the founder of Sublime, the knowledge tool that sparks creativity]]></description><link>https://www.designdisciplin.com/p/sari-azout</link><guid isPermaLink="false">https://www.designdisciplin.com/p/sari-azout</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Thu, 11 Sep 2025 16:16:20 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/171444795/ed0fffd0078d2b9546682bdd8a9539b8.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<div id="youtube2-7XzpC7t4z_o" class="youtube-wrap" data-attrs="{&quot;videoId&quot;:&quot;7XzpC7t4z_o&quot;,&quot;startTime&quot;:null,&quot;endTime&quot;:null}" data-component-name="Youtube2ToDOM"><div class="youtube-inner"><iframe src="https://www.youtube-nocookie.com/embed/7XzpC7t4z_o?rel=0&amp;autoplay=0&amp;showinfo=0&amp;enablejsapi=0" frameborder="0" loading="lazy" gesture="media" allow="autoplay; fullscreen" allowautoplay="true" allowfullscreen="true" width="728" height="409"></iframe></div></div><p>Sari Azout is the founder of <a href="https://sublime.app/?ref=designdisciplin">Sublime</a>, the knowledge management tool designed to spark creativity. She was previously a partner at <a href="https://levelvc.com/">Level Ventures</a>, head of strategy at Rokk3r Labs, and co-founder of Bib and Tuck, a curated community for pre-owned fashion.</p><p>Sari is an active thought leader in the spaces of creative work and AI productivity. She has spoken on <a href="https://www.youtube.com/watch?v=uLjibfx49uA">how to be un-LLM-able</a> at the Sana AI Summit in Stockholm; and written about about how <a href="https://every.to/thesis/the-end-of-productivity">creativity is the new currency of success</a>, how <a href="https://sariazout.medium.com/from-product-market-fit-to-language-market-fit-a-new-brand-storytelling-framework-7e0a58b20295">storytelling is the most differentiating business skill of the 21st century</a>, and how we can <a href="https://every.to/thesis/how-i-stopped-worrying-about-ai-and-learned-to-value-my-humanity">use AI to expand our creativity and our humanity</a>.</p><p>Sublime&#8217;s latest release <a href="https://sublime.metalabel.com/whoa-vol2">Whoa, Vol. 2: Conversations on AI &#215; Creativity</a> features in-depth conversations with original thinkers, including Seth Godin, David Perell, Venkatesh Rao, Seth Godin, and Substack&#8217;s head of design Mills Baker.</p><div><hr></div><h4>Visit our sponsors:</h4><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div><hr></div><h4>From the conversation:</h4><ul><li><p><a href="https://geni.us/being-and-time">Being and Time</a> by Martin Heidegger</p></li><li><p><a href="https://geni.us/phenomenology">Phenomenology of Perception</a> by Maurice Merleau-Ponty</p></li><li><p><a href="https://geni.us/tom-ford">Tom Ford</a> by Tom Ford</p></li><li><p><a href="https://geni.us/ralph-lauren">Ralph Lauren: A Way of Living</a> by Ralph Lauren</p></li><li><p><a href="https://geni.us/zen-and-the-art">Zen and the Art of Motorcycle Maintenance: An Inquiry into Values</a> by Robert M. Pirsig</p></li><li><p><a href="https://geni.us/the-work-of-art">The Work of Art: How Something Comes from Nothing</a> by Adam Moss</p></li><li><p><a href="https://geni.us/god-human-animal">God, Human, Animal, Machine: Technology, Metaphor, and the Search for Meaning</a> by Meghan O'Gieblyn</p></li><li><p><a href="https://geni.us/the-disappearance">The Disappearance of Rituals: A Topology of the Present</a> by Byung-Chul Han</p></li></ul><div><hr></div><p><a href="https://sublime.app/?ref=designdisciplin">sublime.app</a> | <a href="https://x.com/sariazout?lang=en">x.com/sariazout</a></p><p></p>]]></content:encoded></item><item><title><![CDATA[Weber Wong]]></title><description><![CDATA[Weber is the founder of FLORA, with a background spanning venture capital, investment banking, poetry, history, and studies at the NYU Tisch School of the Arts]]></description><link>https://www.designdisciplin.com/p/weber-wong-founder-of-flora</link><guid isPermaLink="false">https://www.designdisciplin.com/p/weber-wong-founder-of-flora</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Mon, 07 Jul 2025 12:31:40 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/167423712/7bdfa99d81e5ed3fdfac34f21a2a28b2.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Weber Wong is founder and CEO of <a href="https://www.florafauna.ai/">FLORA</a>: a powerful AI canvas, built specifically for creative work. The New York-based startup has raised more than $6 million, and built tooling that is loved by creatives at top studios like Pentagram, Instrument, and MSCHF.</p><p>Weber has a background with diverse experiences spanning venture capital, investment banking, poetry, history, and more recently, studies on interactive art at the NYU Tisch School of the Arts. We discussed how these experiences shaped his approach to building one of the most exciting startups in the space of design and creative work today; and his unique perspective on the present and the future of design.</p><p><em>Get 50% off FLORA&#8217;s Pro Tier with code: DESIGNDISCIPLINE</em></p><div><hr></div><h4>Visit our sponsors:</h4><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div><hr></div><h4>From the conversation:</h4><ul><li><p><a href="https://geni.us/strategy-a-history">Strategy</a> by Lawrence Freedman</p></li><li><p><a href="https://geni.us/innovators-dd">Innovators</a> by Walter Isaacson</p></li><li><p><a href="https://geni.us/source-code">Source Code: My Beginnings</a> by Bill Gates </p></li><li><p><a href="https://geni.us/shoe-dog-dd">Shoe Dog: A Memoir by the Creator of Nike</a> by Phil Knight</p></li><li><p><a href="https://geni.us/the-power-broker">The Power Broker</a> by Robert A. Caro</p></li><li><p><a href="https://geni.us/softwar">Softwar: An Intimate Portrait of Larry Ellison and Oracle</a> by Matthew Symonds</p></li><li><p><a href="https://geni.us/abloh-figures">Virgil Abloh: Figures of Speech</a></p></li><li><p><a href="https://geni.us/dieter-rams">Dieter Rams: The Complete Works</a> by Klaus Klemp</p></li><li><p><a href="https://geni.us/fujiwara-fragment">Hiroshi Fujiwara: Fragment</a></p></li><li><p><a href="https://geni.us/fujiwara-fragment-2">Hiroshi Fujiwara: Fragment #2</a></p></li><li><p><a href="https://geni.us/digital-art">Digital Art: 1960s to Now</a> by Pita Arreola</p></li></ul><div><hr></div><p><a href="https://www.florafauna.ai/">florafauna.ai</a> | <a href="https://x.com/weberwongwong">x.com/weberwongwong</a></p>]]></content:encoded></item><item><title><![CDATA[Office Hours with Andres Jasso: How To Develop Taste]]></title><description><![CDATA[Andres runs a design studio and a lounge, after 12 years of success stories as a designer]]></description><link>https://www.designdisciplin.com/p/how-to-develop-taste-office-hours</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-develop-taste-office-hours</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Mon, 23 Dec 2024 09:17:44 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/152545563/d5d3e2aa754e90a0b59ffa0684d4b07f.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Andres is a designer and founder based in San Antonio, TX. He has practiced design for more than 12 years and experienced multiple success stories in his career, including tenure at 2 technology startups that were acquired. Currently he is founder of the <a href="https://allhands.design/">ALL HANDS</a> design studio and the <a href="https://thesafehouse.studio/">SAFEHOUSE</a> membership lounge.</p><p>We discuss:</p><ul><li><p>Building systems and structure in creative work</p></li><li><p>Imposter syndrome as part of personal growth</p></li><li><p>Allowing time and others&#8217; feedback to develop your creative identity</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-develop-taste-office-hours">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Andres Jasso]]></title><description><![CDATA[Andres is co-founder of ALL HANDS design studio and SAFEHOUSE lounge]]></description><link>https://www.designdisciplin.com/p/andres-jasso-founder-and-creative</link><guid isPermaLink="false">https://www.designdisciplin.com/p/andres-jasso-founder-and-creative</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Mon, 23 Dec 2024 08:51:07 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/152525648/bd2ba16d8e73bb7cb0f0baec88835982.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Andres is a designer and founder based in San Antonio, TX.</p><p>He has practiced design for more than 12 years and experienced multiple success stories in his career, including tenure at 2 technology startups that were acquired.</p><p>Currently Andres runs multiple ventures, all sharing a foundation of design. He is founder and creative director of <a href="https://allhands.design/">ALL HANDS</a>, the design studio that continues his practice of leading visual identity and product design. He also runs the <a href="https://thesafehouse.studio/">SAFEHOUSE</a> membership lounge in San Antonio.</p><div><hr></div><h4>Connect with Andres</h4><p><a href="https://x.com/_andresjasso">x.com/andresjasso</a> | <a href="https://www.instagram.com/_andresjasso/">instagram/@andresjasso</a> | <a href="https://www.linkedin.com/in/andresjasso/">linkedin/andresjasso</a></p><div><hr></div><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> Generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> designer books and accoutrements</p></li></ul>]]></content:encoded></item><item><title><![CDATA[Office Hours: How to Craft Your First Portfolio]]></title><description><![CDATA[Former fashion entrepreneur Melika is building her first portfolio for a career in UX design]]></description><link>https://www.designdisciplin.com/p/how-to-craft-your-first-portfolio</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-craft-your-first-portfolio</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Mon, 07 Oct 2024 06:30:50 GMT</pubDate><enclosure url="https://substack-video.s3.amazonaws.com/video_upload/post/148809640/ebfee0cd-e37a-4149-82e8-b341f28e0d1a/transcoded-1728282429.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a href="https://www.linkedin.com/in/melikaardestani/">Melika Ardestani</a> is pursuing a career in UX design after experiences in fashion design and running her own business.</p><p>We discuss:</p><ul><li><p>Best practices for designing UX portfolio website</p></li><li><p>Why you should use a template</p></li><li><p>Color theory and typography</p></li><li><p>How to present case studies effectively</p></li><li><p>Responsive design and mobile optimization</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-craft-your-first-portfolio">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Design Engineering 101]]></title><description><![CDATA[Practical guide to the jobs and skills of the design engineer in tech]]></description><link>https://www.designdisciplin.com/p/design-engineering-101</link><guid isPermaLink="false">https://www.designdisciplin.com/p/design-engineering-101</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Tue, 17 Sep 2024 16:04:08 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/89000125-2c97-49e1-9c1c-37c6f5e90bbd_2048x1365.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Supported by:</p><ul><li><p><strong><a href="https://framer.link/designdisciplin">Framer</a>:</strong> build websites, the easy way</p></li><li><p><strong><a href="https://rize.io/?via=DESIGNDISCIPLIN">Rize:</a></strong> magically track everything you do</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes</p></li><li><p><strong><a href="https://sublime.app/?ref=designdisciplin">Sublime</a>:</strong> turn ideas into worlds of inspiration</p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!WNrY!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!WNrY!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!WNrY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1872669,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!WNrY!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!WNrY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F82bc645d-0d9e-4360-a305-4692f60a2c1c_3840x2160.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><figcaption class="image-caption">Design engineering textbooks from the 2010s, focused on the intersection of mechanical engineering and industrial product design</figcaption></figure></div><p>For decades, design engineering referred to the intersection of industrial product design and mechanical engineering.</p><p>Now, in tech, design engineering refers to the union of visual design and software development, and it&#8217;s one of the current things &#8212; In 2024, more than 10 thought leaders in the industry created discourse on design engineering with essays and educational material. (Links at the end.)</p><p>This popularity of design engineering in tech is a result of macro developments in the last 5&#8211;10 years, like the following:</p><ul><li><p>Hardware &#8212; It&#8217;s now feasible to run impressive visuals and motion on the average computer.</p></li><li><p>Developer tools &#8212; With new web standards and the likes of <a href="https://figma.com/">Figma</a>, <a href="https://react.dev/">React</a>, <a href="https://en.wikipedia.org/wiki/Tailwind_CSS">Tailwind CSS</a>, <a href="https://en.wikipedia.org/wiki/Vercel">Vercel</a>, and <a href="https://www.framer.com/motion/">Framer Motion</a>, design-focused developers achieve much more than before.</p></li><li><p>Economics &#8212; Software is now a commodity, where <a href="https://www.designdisciplin.com/p/the-creative-director-in-the-age">design is a competitive differentiator</a>.</p></li></ul><p>As a result, my inbox is full of young people asking how to learn design engineering and get jobs. To set you up for success, I&#8217;ll throw light on 2 questions:</p><ol><li><p>What are actually the jobs that design engineers do in tech, day-to-day?</p></li><li><p>How can you learn to do these jobs?</p></li></ol><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Wrqp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Wrqp!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 424w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 848w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Wrqp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1007469,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Wrqp!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 424w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 848w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!Wrqp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd78877d0-7bf5-4589-afef-6094239976e6_5472x3078.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><figcaption class="image-caption"><a href="https://designengineer.io/">designengineer.io</a> job board in 2024, focused on the union of visual design and software engineering</figcaption></figure></div><h2>What Even Is a Design Engineer?</h2><p>A design engineer is an engineer with design skills, so that:</p><ul><li><p>They don&#8217;t need designers designing what to build &#8212; they can take inputs that designers take and deliver the outputs that engineers deliver.</p></li><li><p>When working with designers, they communicate very efficiently and make contributions to design work.</p></li><li><p>They build with production-grade materials (e.g. code) for design decisions that can&#8217;t be experienced on any other material (e.g. interactions).</p></li><li><p>They build tools to make designing easier, better, faster, and to design things that could not be designed before.</p></li></ul><p>Doing these things today requires extensive skills in both design and engineering. There are very few educational programs and resources that specifically teach software design engineering.  Most software design engineers learn by dual-classing: separately learning design and software engineering.</p><p>In the future, I expect books, courses, and other resources will emerge to specifically and efficiently teach this discipline &#8212; just like we have for industrial design engineering. Right now, software design engineering is a unique opportunity for creative self-learners.</p><h2>What Do Design Engineers Do?</h2><p>Despite the new technological capabilities that resulted in its popularity, design engineering in tech is not a new job &#8212; it&#8217;s simply a re-configuration of the jobs that designers and engineers have been doing for years.</p><p>Here are 4 kinds of things that design engineers work on in tech:</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!v65V!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!v65V!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!v65V!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!v65V!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!v65V!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!v65V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png" width="1456" height="1012" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1012,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2274374,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!v65V!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!v65V!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!v65V!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!v65V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe7adfbb7-de04-4bbf-bbd0-7361eff5fee4_4428x3078.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><figcaption class="image-caption">Stripe&#8217;s website has hundreds, if not thousands, of pages</figcaption></figure></div><h3><strong>Marketing</strong></h3><p>Design engineers on marketing teams build impressive websites and make their company look attractive on the internet.</p><p>One reason why marketing hires design engineers is when the website is large and feature-rich &#8212; beyond what makes sense to do with website builders like Framer or Webflow. Large companies like <a href="https://stripe.com/">Stripe</a> have this need. This work requires strength in traditional front-end and full-stack development skills. With higher budgets, these projects also call for <a href="https://animations.dev/">impressive animations</a> and creative graphics while retaining accessibility.</p><p>Marketing websites might also involve rich animations, 3D, and game-like experiences. Also known as &#8220;creative development&#8221;, <a href="https://unseen.co/">Unseen Studio</a>&#8217;s work is a great example in this category. This kind of work requires advanced skills around HTML/CSS, 3D graphics, motion design, typography&#8230; These devs often push innovation on immersive design and interactivity, at the expense of conventional accessibility.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!7QO8!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!7QO8!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 424w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 848w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!7QO8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg" width="1456" height="919" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/bc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:919,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Image&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Image" title="Image" srcset="https://substackcdn.com/image/fetch/$s_!7QO8!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 424w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 848w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!7QO8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc466883-d518-4bbd-8fd9-63e54103d709_4096x2584.jpeg 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><figcaption class="image-caption"><a href="https://www.fey.com/refer/mehmet">Fey</a> is a financial tracker known for its high-quality product design</figcaption></figure></div><h3><strong>Product</strong></h3><p>There are two focus areas for product design engineering:</p><ol><li><p>&#8220;Polish&#8221; of the user interface &#8211; motion and interactivity &#8211; which is challenging to hand off from design to engineering.</p></li><li><p>Design systems, which accelerate design, and facilitate the design to engineering handoff.</p></li></ol><p>The scope of shipping a product involves user research, backend engineering, test-driven frontend development&#8230; So, this role is highly collaborative &#8212; <a href="https://globalcareers-githubinc.icims.com/jobs/3298/senior-design-engineer/job?mode=view&amp;mobile=false&amp;width=1250&amp;height=500&amp;bga=true&amp;needsRedirect=false&amp;jan1offset=-480&amp;jun1offset=-420">this job posting from GitHub</a> lists &#8220;product design, design systems, design ops, front-end development, and illustration&#8221; as the talents that span the team. The design engineer speaks all of those languages. </p><p>Product design engineers do whatever it takes to steward product quality &#8212; a mix of front-end development, graphics, UX, UI, and motion design skills, in a way that plays with others on the team.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nRlC!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nRlC!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 424w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 848w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 1272w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nRlC!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/eacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1059006,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!nRlC!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 424w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 848w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.png 1272w, https://substackcdn.com/image/fetch/$s_!nRlC!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feacd2f52-72da-434d-904a-1dfd0f5296a6_7061x3972.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><figcaption class="image-caption">&#8220;Watch me&#8221; prototype by <a href="https://x.com/jsngr">@jsngr</a></figcaption></figure></div><h3><strong>R&amp;D</strong></h3><p>R&amp;D design engineers build prototypes of new things, to visualize and test new products in the real world. </p><p>This kind of design engineering has been around for much longer than roles focused on websites and product interfaces. However, these jobs are rare, found at larger and economically stable companies &#8212; see <a href="http://www.ivanpoupyrev.com/">Ivan Poupyrev&#8217;s work at Google</a>, and <a href="https://x.com/jsngr">Jordan Singer</a>&#8217;s Figma-funded innovations.</p><p>Worth knowing, from a job market perspective: At the first signs of distress, R&amp;D is the first to get canceled at even the most stable companies &#8212; see <a href="https://www.dezeen.com/2023/08/29/space10-to-close-ikea-innovation-lab/">Ikea&#8217;s innovative Space10 lab</a>, which closed doors last year.</p><p>In R&amp;D, you constantly learn new skill trees. I&#8217;ve done 10 years of R&amp;D and learned the Python, Lua, C#, MATLAB, Unity, JavaScript, Arduino, and Processing platforms, as well as electronics, robotics, physical fabrication, and photography. It&#8217;s the Wild West &#8212; you have to draw quickly.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ATn5!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ATn5!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ATn5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png" width="1456" height="1012" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b738de48-0666-4db8-a250-854313005bed_4428x3078.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1012,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1053533,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ATn5!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!ATn5!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb738de48-0666-4db8-a250-854313005bed_4428x3078.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><figcaption class="image-caption"><a href="https://shipfa.st/?via=dd">ShipFast</a> landing page by <a href="https://x.com/marc_louvion">@marc_louvion</a></figcaption></figure></div><h3>Founding</h3><p>The founding design engineer can execute UX, growth, and brand identity design as well as product-building &#8212; life-altering combination for <a href="https://www.merriam-webster.com/dictionary/solopreneur">solopreneurs</a> and small early-stage teams.</p><p>Arguably, all of the internet-famous software solopreneurs like <a href="https://x.com/levelsio">Pieter Levels</a>, <a href="https://x.com/dannypostmaa">Danny Postma</a>, and <a href="https://x.com/marc_louvion">Marc Louvion</a> are design engineers: They not only build but also publish themselves, taking care of UX design and marketing as well as their core engineering work. </p><p>I have been selling <a href="https://www.baytas.net/services">this skillset as a service to early-stage founders</a> since early 2023, and done some of the most valuable work in my life. Of course, there are downsides: early-stage ventures have massive economic uncertainty, and demand extreme breadth of skills across business, design, marketing and engineering.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ae5U!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ae5U!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ae5U!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png" width="1456" height="1012" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1012,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1188005,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Ae5U!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 424w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 848w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.png 1272w, https://substackcdn.com/image/fetch/$s_!Ae5U!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4c3270de-d54c-40fa-9f4f-f4c32c972fda_4428x3078.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><figcaption class="image-caption"><a href="https://maven.com/s/course/8e17a3cb04">UI Engineering 101 for Designers</a> teaches frontend polish</figcaption></figure></div><h2>How to Learn Design Engineering</h2><p>As said above, we don&#8217;t have many resources today that specifically teach software design engineering. However, if you have an existing foundation in design or engineering, there are resources tailored to help you dual-class.</p><p>For designers, here are my favorites:</p><ul><li><p><a href="https://cs50.harvard.edu/">Harvard&#8217;s CS50</a> &#8211; one of the top online courses in the world &#8211; teaches computer science and programming from the ground up</p></li><li><p><a href="https://www.theodinproject.com/">The Odin Project</a> and <a href="https://www.freecodecamp.org/">freeCodeCamp</a> are free resources that teach web development, highly acclaimed by professionals</p></li><li><p>The <a href="https://maven.com/s/course/8e17a3cb04">UI Engineering 101 for Designers</a> course by veterans <a href="https://x.com/mrncst">Mariana Castilho</a> and <a href="https://x.com/PixelJanitor">Derek Briggs</a>. goes for &#8220;polish&#8221; in frontend</p></li><li><p><a href="https://v2.scrimba.com/?via=dd">Scrimba</a> is the most innovative online coding school, for all levels</p></li></ul><p>For developers:</p><ul><li><p><a href="https://www.refactoringui.com/">Refactoring UI</a> is one of the most efficient textbooks on interface design</p></li><li><p>Ellen Lupton&#8217;s <a href="https://geni.us/thinking-with-type-dd">Thinking with Type</a> demystifies typography and layout theory</p></li><li><p><a href="https://www.awwwards.com/academy/">Awwwards Academy</a> offers courses on visual design and creative skills taught by seasoned professionals</p></li><li><p><a href="https://animations.dev/">Animations on the Web</a> is a cutting-edge course by <a href="https://x.com/emilkowalski_">Emil Kowalski</a></p></li></ul><p>And once you feel ready for the challenge, the job board at <a href="https://designengineer.io/">designengineer.io</a> is an excellent place to start looking.</p><p>Tech moves very fast. Some of you might be already working on textbooks, courses, and other resources that specifically and efficiently teach interface design engineering. If that&#8217;s you, please <a href="https://x.com/doctorbaytas">reach out and say hi</a>.</p><div><hr></div><p><em>Thanks to <a href="https://x.com/dimuuu_">Dmytro Kondakov</a>, <a href="https://x.com/mertduzgun_">Mert D&#252;zg&#252;n</a>, <a href="https://x.com/emilkowalski_">Emil Kowalski</a>, and <a href="https://x.com/mrncst">Mariana Castilho</a> for improving this article with their comments.</em></p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.designdisciplin.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Design Discipline is a reader-supported publication. Become a subscriber to support our work.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><div><hr></div><p>Others on design engineering:</p><ol><li><p><a href="https://www.trysmudford.com/blog/i-think-im-a-design-engineer/">I think I might be a design engineer</a> by <a href="https://x.com/trysmudford">@trysmudford</a> (2021)</p></li><li><p><a href="https://blog.jim-nielsen.com/2022/the-case-for-design-engineers/">The Case for Design Engineers</a> by <a href="https://x.com/jimniels">@jimniels</a> (2022)</p></li><li><p><a href="https://blog.jim-nielsen.com/2024/the-case-for-design-engineers-pt-ii/">The Case For Design Engineers, Pt. II</a> by <a href="https://x.com/jimniels">@jimniels</a> (Feb 2024)</p></li><li><p><a href="https://luhr.co/blog/2024/02/26/the-origins-of-design-engineering/">Comprehensive analysis of Design Engineer as a term</a> by <a href="https://twitter.com/david_luhr">@david_luhr</a> (Feb 2024)</p></li><li><p><a href="https://polar.sh/emilwidlund/posts/becoming-a-design-engineer-is-a-career-investment">Why a Design Engineer career is an investment for your future</a> by <a href="https://x.com/emilwidlund">@emilwidlund</a> (Feb 2024)</p></li><li><p><a href="https://vercel.com/blog/design-engineering-at-vercel">Design Engineering at Vercel</a> (Mar 2024)</p></li><li><p><a href="https://maggieappleton.com/design-engineers">A Collection of Design Engineers</a> by <a href="https://x.com/Mappletons">Maggie Appleton</a> (Mar 2024)</p></li><li><p><a href="https://www.proofofconcept.pub/p/design-engineering">Design Engineering: An emerging role in software</a> by David Hoang (Mar 2024)</p></li><li><p><a href="https://www.ryngonzalez.com/blog/the-attributes-of-a-design-engineer">The Attributes of a Design Engineer</a> by <a href="https://twitter.com/ryngonzalez">@ryngonzalez</a> (Apr 2024)</p></li><li><p><a href="https://maven.com/s/course/8e17a3cb04">UI Engineering 101 for Designers</a> course by <a href="https://x.com/mrncst">Mariana Castilho</a> and <a href="https://x.com/PixelJanitor">Derek Briggs</a></p></li><li><p><a href="https://animations.dev/">Animations on the Web</a> course by <a href="https://x.com/emilkowalski_">Emil Kowalski</a></p></li></ol>]]></content:encoded></item><item><title><![CDATA[Office Hours: How to Find Your First Design Job]]></title><description><![CDATA[Farnoosh is pursuing a UX design career after experience in architecture, interiors, and graphic design]]></description><link>https://www.designdisciplin.com/p/how-to-find-your-first-design-job</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-find-your-first-design-job</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Wed, 04 Sep 2024 14:39:58 GMT</pubDate><enclosure url="https://substack-video.s3.amazonaws.com/video_upload/post/148368859/87309d16-ec1d-456e-88bc-99975e065b73/transcoded-1726590719.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a href="https://www.linkedin.com/in/farnoosh-dahesh-27708771/">Farnoosh</a> is pursuing a career in UX design after experiences in architecture, interiors, and graphic design.</p><p>We discuss:</p><ul><li><p>How to find your place in the tech industry as a designer with an alternative background</p></li><li><p>How to use AI to level up your job-seeking strategy</p></li><li><p>How to win at positioning, messaging, and curation on a design portfolio</p></li><li><p>How to win at visual design &#8211; layout, typography, color, and interactions &#8211; on your design portfolio</p></li></ul><div><hr></div><p>Links:</p><ul><li><p><a href="https://samuel-ross.com/">Samuel Ross</a></p></li><li><p><a href="https://hyperisland.com/en/">Hyper Island</a></p></li><li><p><a href="https://www.perplexity.ai/">Perplexity</a></p></li></ul><div><hr></div><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> hand-picked design books</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-find-your-first-design-job">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Office Hours: How to Get into Design Engineering]]></title><description><![CDATA[Galo is a US-based designer looking to advance as a design engineer]]></description><link>https://www.designdisciplin.com/p/how-to-get-into-design-engineering</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-get-into-design-engineering</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Wed, 07 Aug 2024 10:25:50 GMT</pubDate><enclosure url="https://substack-video.s3.amazonaws.com/video_upload/post/147424623/c17a4eee-5c6a-435c-bd20-c5ecfedf1649/transcoded-1726590739.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Galo is a US-based designer. His work so far has been focused on graphics, UX, and UI design. Now he&#8217;s looking into design engineering as his next step.</p><p>We discuss:</p><ul><li><p>What is design engineering?</p></li><li><p>How to educate yourself as a design engineer</p></li><li><p>How to pick technologies to learn and invest in</p></li><li><p>Opportunities in freelance and employment as a new design engineer</p></li><li><p>What companies are looking for when hiring design engineers</p></li></ul><div><hr></div><p>Links:</p><ul><li><p><a href="https://galos.work/">galos.work</a> | <a href="https://www.linkedin.com/in/galo-naranjo/">LinkedIn</a> | <a href="https://x.com/galonaranjo_">x.com/galonaranjo_</a></p></li><li><p><a href="https://pll.harvard.edu/course/cs50-introduction-computer-science">CS50: Introduction to Computer Science</a> by Harvard University</p></li><li><p><a href="https://designengineer.io/">designengineer.io</a> job board</p></li><li><p><a href="https://geni.us/learning-react">Learning React</a> by Alex Banks and Eve Porcello</p></li><li><p><a href="https://en.wikipedia.org/wiki/Lindy_effect">Lindy effect</a></p></li><li><p><a href="https://survey.stackoverflow.co/">Stack Overflow Annual Developer Survey</a></p></li><li><p><a href="https://geni.us/the-road-to-react">The Road to React</a> by Robin Wieruch</p></li><li><p><a href="https://maven.com/pixeljanitor/uiengineering-101-for-designers">UI Engineering 101 for Designers</a> on Maven</p></li></ul><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> hand-picked design books</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-get-into-design-engineering">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Office Hours with Rob Hope: How to Quit Freelance]]></title><description><![CDATA[Rob works full-time on his own portfolio of businesses after a decade freelancing]]></description><link>https://www.designdisciplin.com/p/how-to-quit-freelance-office-hours</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-quit-freelance-office-hours</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Thu, 01 Aug 2024 09:35:34 GMT</pubDate><enclosure url="https://substack-video.s3.amazonaws.com/video_upload/post/146872254/ae31d92f-1abd-4bc4-9543-c3ac654fc54f/transcoded-1726667349.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Rob is a South African web designer and creator who runs <a href="https://onepagelove.com/">One Page Love</a> and hosts the <a href="https://yo.fm/">Yo! Podcast</a>. Rob works full-time on his self-owned portfolio of internet businesses after a decade freelancing.</p><p>We discuss:</p><ul><li><p>How to balance client work and self-owned projects for financial stability</p></li><li><p>How to allocate your time effectively</p></li><li><p>How iteration and repetition makes perfect</p></li><li><p>Building a business based around assets rather than time spent</p></li><li><p>Building many small projects vs. one big project</p></li></ul><div><hr></div><p>Links:</p><ul><li><p><a href="https://geni.us/7-rules">7 Rules of Power</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://geni.us/anything-you-want-dd">Anything You Want</a> by Derek Sivers</p></li><li><p><a href="https://geni.us/built-to-last-dd">Build To Last</a> by Jim Collins</p></li><li><p><a href="https://geni.us/good-to-great-dd">Good To Great</a> by Jim Collins</p></li><li><p><a href="https://geni.us/great-by-choice-dd">Great By Choice</a> by Jim Collins</p></li><li><p><a href="https://geni.us/harry-potter-dd">Harry Potter And The Philosopher's Stone</a> by J.K. Rowling</p></li><li><p><a href="https://geni.us/how-to-win-friends-dd">How To Win Friends &amp; Influence People</a> by Dale Carnegie</p></li><li><p><a href="https://geni.us/power-why">Power: Why Some People Have It and Others Don&#8217;t</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://geni.us/hero-with-a-thousan">The Hero with a Thousand Faces</a> by Joseph Campbell</p></li></ul><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> hand-picked design books</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-quit-freelance-office-hours">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Rob Hope]]></title><description><![CDATA[Rob is a web designer and creator who runs One Page Love and hosts the Yo! Podcast]]></description><link>https://www.designdisciplin.com/p/rop-hope-web-designer</link><guid isPermaLink="false">https://www.designdisciplin.com/p/rop-hope-web-designer</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Thu, 01 Aug 2024 09:33:52 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/146914153/511d0eaa94dbad38d9424c39506ef343.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Rob is a South African web designer and creator who runs <a href="https://onepagelove.com/">One Page Love</a> and hosts the <a href="https://yo.fm/">Yo! Podcast</a>.</p><p>He&#8217;s currently working full-time on his self-owned portfolio of internet businesses after a decade freelancing. When he&#8217;s not building online he loves to surf, travel and listen to 90s punk rock.</p><div><hr></div><h4>Products from the Conversation</h4><ul><li><p><a href="https://geni.us/7-rules">7 Rules of Power</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://geni.us/anything-you-want-dd">Anything You Want</a> by Derek Sivers</p></li><li><p><a href="https://geni.us/built-to-last-dd">Build To Last</a> by Jim Collins</p></li><li><p><a href="https://geni.us/good-to-great-dd">Good To Great</a> by Jim Collins</p></li><li><p><a href="https://geni.us/great-by-choice-dd">Great By Choice</a> by Jim Collins</p></li><li><p><a href="https://geni.us/harry-potter-dd">Harry Potter And The Philosopher's Stone</a> by J.K. Rowling</p></li><li><p><a href="https://geni.us/how-to-win-friends-dd">How To Win Friends &amp; Influence People</a> by Dale Carnegie</p></li><li><p><a href="https://geni.us/power-why">Power: Why Some People Have It and Others Don&#8217;t</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://geni.us/hero-with-a-thousan">The Hero with a Thousand Faces</a> by Joseph Campbell</p></li></ul><div><hr></div><h4>Connect with Rob</h4><p><a href="https://robhope.com/">robhope.com</a> | <a href="https://onepagelove.com/">onepagelove.com</a> | <a href="https://yo.fm/">yo.fm</a> | <a href="https://x.com/robhope">x.com/robhope</a></p><div><hr></div><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> Generate meaningful color palettes with cultural references</p></li></ul>]]></content:encoded></item><item><title><![CDATA[Office Hours: How to Get Your First Design Job]]></title><description><![CDATA[Samuel is a young graphic designer seeking his first job at a design company]]></description><link>https://www.designdisciplin.com/p/how-to-get-your-first-design-job</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-get-your-first-design-job</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Fri, 12 Jul 2024 04:01:04 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/146502692/491b7f46dfc03626425cf0957cfd44ca.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Samuel Pires is a young graphic designer from Gothenburg, Sweden, seeking his first job at a design company.</p><p>We discuss:</p><ul><li><p>How to get a job at a design agency, fast</p></li><li><p>Why work at an agency</p></li><li><p>Why you should get an education</p></li><li><p>How to make professional friends, fast</p></li><li><p>How to display your work effectively as a junior designer</p></li></ul><div><hr></div><p>Links:</p><ul><li><p><a href="https://geni.us/7-rules">7 Rules of Power</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://www.mohammedyarroum.com/">Mohammed Yarroum</a></p></li><li><p><a href="https://geni.us/power-why">Power: Why Some People Have It and Others Don't</a> by Jeffrey Pfeffer</p></li><li><p><a href="https://geni.us/the-22-immutable">The 22 Immutable Laws of Branding</a> by Al Ries and Laura Ries</p></li><li><p><a href="https://geni.us/e-myth-dd">The E-Myth Revisited</a> by Michael E. Gerber</p></li></ul><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> hand-picked design books</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-get-your-first-design-job">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[The Creative Director in the Age of Luxury Software]]></title><description><![CDATA[How auteur designers create competitive advantage in the software industry, and why the future belongs to them]]></description><link>https://www.designdisciplin.com/p/the-creative-director-in-the-age</link><guid isPermaLink="false">https://www.designdisciplin.com/p/the-creative-director-in-the-age</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Tue, 09 Jul 2024 10:06:22 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/a9a12919-edc4-4147-9632-e68ba5173b10_1920x1080.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>It&#8217;s the summer of 2009. Airbnb is a struggling startup, making $200 per week, split between 3 co-founders. </p><p>Desperate, founders Brian Chesky and Joe Gebbia get on a 6-hour flight to New York and book stays with 24 different Airbnb hosts to experience the user experience and figure it out.</p><p>They have wasted their money. There&#8217;s nothing wrong with the homes, and nothing wrong with the hosts. The problem, according to Gebbia, is the &#8220;Craigslist-quality&#8221; photos of the homes on their app &#8212; shot by landlords with cameraphones from 2009.</p><p>But now, they are already in New York. Chesky and Gebbia &#8211; both designers &#8211; rent a $5,000 camera and take the matter into their own hands. By the end of the month, the listings they photograph have doubled their revenue. Airbnb as we know it is born.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!p3AK!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!p3AK!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!p3AK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:446638,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!p3AK!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!p3AK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6115e4d0-908d-46ab-9aa1-882cd9cb59bc_3840x2160.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><figcaption class="image-caption">Samsung Tocco S8300 &#8220;Ultra Edition&#8221; &#8212; peak camera phone ca. 2009</figcaption></figure></div><h2>Luxury Software</h2><p>In many industries, design is an external service used to create packaging and marketing materials. In software, design is a core competence for product development, and inevitably featured on the product itself. This will not change, as long as software is used by humans &#8212; we have relied on our eyes to navigate our world for millions of years, and we&#8217;re not evolving new organs anytime soon.</p><p>On the other hand, we are evolving new ways to build software, extremely fast. We have come from punch cards and Assembly language to high-level languages like Python and JavaScript. Software becomes easier and easier to create, as each generation&#8217;s engineering knowledge is embedded in the next generation&#8217;s tooling. AI is the ultimate example of this.</p><p>In short: the engineering competence we need to create useful software is always diminishing, but the design competence does not. If anything, as technology scales, we expect more from designers.</p><p>This is why the early generation of computing startups like Apple, Microsoft, HP, and Intel defined themselves (at first) through engineering and sales. Today, design-driven startups are common: Airbnb, Uber, Vercel, and Linear reap significant competitive advantages from investing in design as a first-class citizen.</p><p>This is well-known in economics and psychology: In commoditized categories &#8211; clothes, software, and stays &#8211; consumers crave &#8220;<a href="https://www.implications.com/p/disruptive-interfaces-and-the-rise">scarcity, craft, and story</a>.&#8221; It is not enough that the product is functional, usable and reliable. To be preferred, the product must provide <a href="https://www.navneetnair.com/blog/maslows-hierarchy-of-needs-for-developing-products">pride, status, flex, and aesthetic experience</a>.</p><p>Steve Jobs knew this well. He built Apple as an engineering company first, then came back and rebuilt it as a status symbol.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MJ0Q!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:446937,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!MJ0Q!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe25b83c4-d452-4e4f-a342-a3d6266b86db_3840x2160.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><figcaption class="image-caption">Maslow&#8217;s hierarchy of needs for developing products, <a href="https://www.navneetnair.com/blog/maslows-hierarchy-of-needs-for-developing-products">by Navneet Nair</a></figcaption></figure></div><h2>Auteurs</h2><p>The software industry is maturing rapidly to resemble another mature industry: Fashion. The factors of production are commoditized, and the barriers to entry are low. Ask any software founder in 2024, and they will tell you that sales, marketing, and customer satisfaction are what keeps them up at night &#8212; not code.</p><p>My point:</p><p>In this landscape, the people positioned to create the most extraordinary value are <em><a href="https://en.wikipedia.org/wiki/Auteur">auteurs</a></em> &#8212; individuals with a distinctive approach and wide-ranging control over every aspect of the product and company experience.</p><p>In generations of software companies until now, despite the elevated status of design thinking and process, the impact of the individual designer was attenuated. This did not happen because engineers and salespeople conspired behind closed doors, around the mythical &#8220;table&#8221; where designers were not allowed a seat. Rather, it happened because engineering and market challenges were in fact more challenging and critical, compared to design. But what happens now, as building and selling become easy, and design is still hard?</p><p>I&#8217;m pleased to predict that many of the next generation of software companies we look up to will be led by auteur designers at the helm, working with small teams of engineers, and standing for a cohesive vision that permeates everything they touch. The most coveted job in tech will be the <a href="https://baukunst.co/stories/world-building/why-mars-needs-a-creative-director">Creative Director</a>.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!a3Uv!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!a3Uv!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!a3Uv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:5761802,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!a3Uv!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!a3Uv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1775ca88-897f-46c3-b0fc-a0c13f93272e_3840x2160.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><figcaption class="image-caption">Designs by Tom Ford for Gucci, ca. 1995</figcaption></figure></div><h2>Creative Directors</h2><p>Today, it might seem that we don&#8217;t have prominent creative directors leading tech companies, in the same way that we do in fashion. This is actually not true. </p><p>In the fashion industry, the Creative Director often takes on business responsibilities that might eclipse the creative work. Tom Ford, for instance, not only revitalized Gucci's aesthetic during the 1990s, but turned the entire business around from near-bankruptcy to a $4 billion valuation, before going on to build and sell his own label &#8211; which was profitable from day one &#8211; in a transaction where he personally netted $1.1 billion. At Louis Vuitton, the succession of Virgil Abloh by cultural icon Pharrell Williams was clearly motivated by his cultural influence and market understanding, rather than traditional design skills.</p><p>Similarly, the Creative Director role is already taking root in tech, in the form of designer-founders and founding designers who are creating market advantage from distinctive aesthetics and experiences:</p><ul><li><p><a href="http://airbnb.com">Airbnb</a> co-founders Brian Chesky and Joe Gebbia met at the Rhode Island School of Design and applied Design Thinking to create a beloved product. Airbnb still invests massively in design, including a <a href="https://news.airbnb.com/designing-the-future-of-airbnb/">multi-year collaboration with Jony Ive&#8217;s consultancy LoveFrom</a>.</p></li><li><p>At <a href="https://vercel.com/">Vercel</a>, designer Nicolas Garro (aka <a href="https://x.com/evilrabbit_">Evil Rabbit</a>) created a distinctive visual identity to underpin a luxurious user experience, making it the preferred platform for millions of developers, including yours truly.</p></li><li><p><a href="https://linear.app/">Linear</a>, co-founded by <a href="https://x.com/karrisaarinen">Karri Saarinen</a>, stands out among project management tools with high-end aesthetics and experience design. (Saarinen was previously a designer at Airbnb.)</p></li><li><p><a href="https://cosmos.so/">Cosmos</a> won market share from established competitors like Pinterest with its curated library and creamy interaction design that clearly follows from its founders&#8217; impeccable taste.</p></li><li><p><a href="https://www.fey.com/refer/mehmet">Fey</a>, with designer <a href="https://x.com/tcosta_co">Thiago Costa</a> among its founders, positions itself as the quintessential &#8220;luxury software&#8221;, catering a <a href="https://www.designdisciplin.com/p/thiago-costa-masterclass">polished, artistically-driven interface</a> to investors with the resources to pay for it.</p></li><li><p><a href="https://x.com/asallen">Andy Allen</a>&#8217;s Apple Design Award-winning <a href="https://www.notboring.software/">Not Boring Software</a> builds essentials like timer, calculator, and weather apps to the highest level of playfulness and aesthetic experience.</p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!qOzM!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!qOzM!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!qOzM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2760317,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!qOzM!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!qOzM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5bfb12a3-7188-4134-806c-72aa03abd946_3840x2160.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><figcaption class="image-caption">Left to right, designs by Andy Allen: Not Boring Weather, Not Boring Calculator, Not Boring Vibes</figcaption></figure></div><h2>Markets</h2><p>The Creative Director role is a trend to watch in tech. But not every software company will benefit from the auteur approach. I expect the auteur role and the concept of &#8220;luxury software&#8221; to mature together, in very particular markets.</p><p>The lowest hanging fruit for auteurs, counterintuitively, are the most saturated markets. For the design auteur, established incumbents, commoditized products, and fierce competition are not challenges &#8212; these are the signs of a healthy and hungry market, ready to receive the auteur&#8217;s creative vision. &#8220;Boring&#8221; categories like email, calendars, browsers, and weather are bustling bazaars where an already-critical mass of customers are actively looking for something exciting and luxurious. (See: <a href="https://superhuman.com/">Superhuman</a>, <a href="https://amie.so/">Amie</a>, <a href="https://arc.net/">Arc</a>, and <a href="https://www.notboring.software/product/weather">Not Boring Weather</a>.)</p><p>Another great category for auteurs and luxury software is professional tools, specifically, those aimed at freelancers, startups, small businesses, and other use cases where the user and the buyer are the same person. You can count on people who make money using your product to spend money on a better money-making experience. See: <a href="https://linear.app/">Linear</a>, <a href="https://cosmos.so/">Cosmos</a>, <a href="https://rize.io/">Rize</a>, <a href="https://midday.ai/">Midday</a>, and <a href="https://www.screen.studio/">Screen Studio</a>.</p><p>And as the auteur speaks the language of design, they can speak beyond consumers, to the job market &#8212; attracting talent to a culture and lifestyle that situate the auteur&#8217;s aesthetics. </p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!NLpB!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!NLpB!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!NLpB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:5673956,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!NLpB!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!NLpB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffcccdaf-2f5d-40c2-af96-8822f1d5636e_3840x2160.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><figcaption class="image-caption">The offices of Cosmos in New York</figcaption></figure></div><h2>Brand</h2><p>I love <a href="https://www.youtube.com/watch?v=FaMsJlpt6Lg">this soundbite from auteur designer Vadik Marmeladov</a>:</p><blockquote><p>Brand itself is the most interesting thing to me&#8230; Any brand can create any product. Then it's like, becomes like a human. You have to find the characters.</p><p>Imagine, if all brands are doing all products, same products&#8230; Every brand can build a speaker. Every brand can do cosmetics. Every brand can do a t-shirt. Every brand can do a car. Then how you would make them different?</p><p>It only comes to narrative design. The story. And that's the most interesting to me&#8230; From the beginning, imagine that any brand is not focused on one thing, but focused on all things, and how to tell the story using those products&#8230;</p><p>The narrative, usually, it comes from founders &#8212; their background, and what they're trying to say.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!1GmM!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!1GmM!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!1GmM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2470795,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!1GmM!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!1GmM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fffbf833d-eb4a-41bd-bd09-d24348215a2f_3840x2160.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><figcaption class="image-caption">Vadik Marmeladov Lab for Mercedes-Benz</figcaption></figure></div><p>As the cost of building software approaches zero, brand and human creativity will be the differentiator and success factor for software products. </p><p>The typical software founder today is an engineer. The archetype for the next generation of tech founders will be the Designer.</p><div><hr></div><p><em>Thanks to <a href="https://x.com/tcosta_co">Thiago Costa</a>, <a href="https://x.com/mertduzgun_">Mert D&#252;zg&#252;n</a>, <a href="https://x.com/willthomson__">Will Thomson</a>, and <a href="https://x.com/moeyarroum">Mohammed Yarroum</a> for improving this article with their comments.</em></p><div><hr></div><p>Supported by:</p><ul><li><p><strong><a href="https://daylightcomputer.com/?sca_ref=6277923.yKZCQV07F6">Daylight Computer</a></strong>: the healthiest computer</p></li><li><p><strong><a href="https://gumroad.com/a/52140051">Baked Graphics</a>:</strong> amazing 3D video mockups</p></li><li><p><strong><a href="https://www.protopie.io/plans?ref=designdisciplin">ProtoPie</a></strong>: the best hi-fidelity interface prototyping tool</p></li><li><p><strong><a href="https://www.framer.com/?via=designdisciplin">Framer</a></strong>: the best website builder for designers &#8211; code <em>partner25proyearly</em> for 3 months free on annual Pro account</p></li></ul><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.designdisciplin.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Design Discipline is a reader-supported publication. To receive new posts and support our work, consider becoming a free or paid subscriber</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Office Hours: How to Sell More as a Creative Freelancer]]></title><description><![CDATA[Chris is a freelance photographer and videographer from Sweden]]></description><link>https://www.designdisciplin.com/p/how-to-sell-more-office-hours-with</link><guid isPermaLink="false">https://www.designdisciplin.com/p/how-to-sell-more-office-hours-with</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Fri, 05 Jul 2024 11:32:42 GMT</pubDate><enclosure url="https://api.substack.com/feed/podcast/146243686/993ea95194eec3ebebd02b2f00d0c2c5.mp3" length="0" type="audio/mpeg"/><content:encoded><![CDATA[<p>Chris Krecu is a freelance photographer and videographer from Gothenburg, Sweden. </p><p>We discuss:</p><ul><li><p>How to increase sales as a creative freelancer</p></li><li><p>How to navigate client expectations</p></li><li><p>How to design our clients&#8217; experience</p></li><li><p>How to identify ideal niches using our own data</p></li></ul><div><hr></div><p>Check out Chris Krecu at <a href="https://krezu.se/">krezu.se</a></p><div><hr></div><p>Links:</p><ul><li><p><a href="https://geni.us/24-assets">24 Assets</a> by Daniel Priestley</p></li><li><p><a href="https://geni.us/cashing-out">Cashing Out</a> by Jon Kolko   </p></li><li><p><a href="https://geni.us/the-22-immutable">The 22 Immutable Laws of Branding</a> by Al Ries and Laura Ries</p></li><li><p><a href="https://geni.us/embedded-entrepreneur">The Embedded Entrepreneur</a> by Arvid Kahl</p></li><li><p><a href="https://geni.us/e-myth-dd">The E-Myth Revisited</a> by Michael E. Gerber</p></li><li><p><a href="https://geni.us/lean-startup-dd">The Lean Startup</a> by Eric Ries</p></li></ul><p>Supported by:</p><ul><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> hand-picked design books</p></li></ul>
      <p>
          <a href="https://www.designdisciplin.com/p/how-to-sell-more-office-hours-with">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Principles of Good Light: Masterclass with Wästberg]]></title><description><![CDATA[Why do certain kinds of light make us feel better than others?]]></description><link>https://www.designdisciplin.com/p/principles-of-good-light-masterclass</link><guid isPermaLink="false">https://www.designdisciplin.com/p/principles-of-good-light-masterclass</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Wed, 03 Jul 2024 09:55:22 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/ca1273f3-2bfc-4bac-b9fa-9b789f25d5ab_1920x1080.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="image-gallery-embed" data-attrs="{&quot;gallery&quot;:{&quot;images&quot;:[{&quot;type&quot;:&quot;image/jpeg&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a4d3c364-b147-4935-a666-7499c0deae77_1920x1506.jpeg&quot;},{&quot;type&quot;:&quot;image/jpeg&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/cc334e43-a18c-4f8f-bff6-fed8fba14f80_1920x1280.jpeg&quot;},{&quot;type&quot;:&quot;image/jpeg&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b3fd9573-b6cd-442c-b3b7-7c35540f7816_1920x1506.jpeg&quot;},{&quot;type&quot;:&quot;image/jpeg&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/edcacc65-d52e-414a-be51-bd27eb9f21a8_1200x1500.jpeg&quot;},{&quot;type&quot;:&quot;image/jpeg&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/77932296-1304-43a1-9f92-07221e686d99_1920x1506.jpeg&quot;}],&quot;caption&quot;:&quot;Lighting by W&#228;stberg&quot;,&quot;alt&quot;:&quot;&quot;,&quot;staticGalleryImage&quot;:{&quot;type&quot;:&quot;image/png&quot;,&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a9113292-8d80-4554-9b65-0104c7cd4e23_1456x1210.png&quot;}},&quot;isEditorNode&quot;:true}"></div><p><a href="https://www.wastberg.com/">W&#228;stberg</a> is a Swedish lighting company that builds high-quality lamps, created in close collaboration with some of the world&#8216;s most renowned architects, designers and lighting experts &#8212; including David Chipperfield, Ilse Crawford, and John Pawson. They have earned awards for their combination of aesthetics, cutting- edge technology and resource conservation.</p><p>Adapted from their <a href="https://www.wastberg.com/en/principles-of-good-light">Principles of Good Light</a>, this masterclass with W&#228;stberg breaks down their thinking on lighting design.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.designdisciplin.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Design Discipline is a reader-supported publication. To receive new posts and support our work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!iT-S!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!iT-S!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 424w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 848w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 1272w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!iT-S!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png" width="1456" height="1128" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1128,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!iT-S!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 424w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 848w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.png 1272w, https://substackcdn.com/image/fetch/$s_!iT-S!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0fd13382-be8a-4a49-b882-b0de2a148424_1920x1488.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><h2>Creating Modern-day Fires</h2><p>Why do certain kinds of light make us feel better than others?</p><p>For more than a million years, fire was our only artificial light source. It frightened off wild animals, brought us together, kept us warm and made us feel safe. Above all, it was a light source that we could keep close, that we could control.<br><br>Electric light has been around for little more than a century &#8211; a blink of an eye in comparison with human evolution.</p><p>Today, we find ourselves trying to tame our primitive needs to meet the demands of a modern, high-tech world, where light has more or less become a world of electronics. In our overly-lit spaces &#8211; created under the mistaken notion that more light equals greater productivity &#8211; we feel exposed, small, with nowhere to go.</p><p>We believe in creating modern-day fires.</p><h2>Three Tenets of Light</h2><p>To create modern-day fires, we rely on lighting designer <a href="https://doi.org/10.1080/15436322.1952.11466295">Richard Kelly&#8217;s three tenets of light, presented in 1952</a>. While his fundamental principles remain just as relevant today, we use slightly different terms and definitions, adapted to a contemporary context.<br><br>Simply put, to us good lighting is the interplay of three kinds of light, where focal glow is usually the most dominant.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!-b9P!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!-b9P!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!-b9P!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png" width="1456" height="1128" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1128,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!-b9P!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!-b9P!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69e7afa4-2096-460c-985d-3fe11e3d4921_1920x1487.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><figcaption class="image-caption">Focal glow</figcaption></figure></div><h3>Focal Glow</h3><p>A focused light with clear direction and definition &#8211; often in the form of a task light, a suspended pendant lamp or a spotlight. Focal glow draws attention, separates the important from the unimportant, helps people to see. Ideally, focal glow is adjustable and dimmable, allowing for a wide range of uses and atmospheres.</p><blockquote><p><em>&#8220;Focal glow is the campfire of all time. Focal glow is the follow spot on the modern stage. It is the pool of light at your favorite reading chair. It is the shaft of sunshine that warms the end of the valley. It is candlelight on the face, and a flashlight on a stair.&#8221; </em>&#8211; Richard Kelly</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!jGfY!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!jGfY!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!jGfY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png" width="1456" height="1128" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1128,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!jGfY!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!jGfY!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc86f01f1-8fe5-4db0-876e-7f250800a199_1920x1487.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><figcaption class="image-caption">Ambient luminescence</figcaption></figure></div><h3>Ambient Luminescence</h3><p>Ambient luminescence produces shadowless illumination and is undoubtedly a necessity in many environments, but benefits greatly from being kept to a minimum, as a complement to focal glow. At W&#228;stberg, we recommend plug-and-play fixtures; these not only provide good quality light, but also offer the flexibility and agility lacking in conventional overhead light fixtures.</p><blockquote><p><em>"Ambient luminescence is the uninterrupted light of a snowy morning in the open country. It is foglight at sea in a small boat, it is twilight haze on a wide river where shore and water and sky are indistinguishable. It is the before-the-show lighted dome and amphitheatre of the Hayden Planetarium, the full cyclorama of the open theatre. It is any art gallery with strip-lighted walls, translucent ceiling, and white floor. " </em>&#8211; Richard Kelly</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!hSz6!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!hSz6!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 424w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 848w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 1272w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!hSz6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png" width="1456" height="1127" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1127,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!hSz6!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 424w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 848w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.png 1272w, https://substackcdn.com/image/fetch/$s_!hSz6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F200b2ffa-0e95-4284-8fbb-e3697230c186_1920x1486.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><figcaption class="image-caption">Atmospheric accents</figcaption></figure></div><h3>Atmospheric Accents</h3><p>Here, we offer our own revised version of Kelly&#8217;s original <em>play of brilliants</em>, translating his focus on dazzling sparkles and gleaming highlights into gentle atmospheric touches of comfort and intimacy. While perhaps not viewed as functional in a traditional sense, atmosphere nonetheless plays an important role. Like a candle, lantern or fireplace, an atmospheric accent provides a dimension of inviting warmth, a comforting glow that appeals to the senses. Whether used for decorative emphasis or as a soothing mood enhancer, an atmospheric accent can be placed anywhere you want &#8211; in a bookshelf, on a nightstand or in a window</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!IM7m!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!IM7m!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!IM7m!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png" width="1456" height="1128" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1128,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="https://substackcdn.com/image/fetch/$s_!IM7m!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 424w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 848w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.png 1272w, https://substackcdn.com/image/fetch/$s_!IM7m!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fae341b0e-5ea6-48b7-884d-d0016e063875_1920x1487.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><h2>Two Kinds of Needs</h2><div class="pullquote"><p>&#8220;One eye sees. The other feels."</p></div><p>Paul Klee&#8217;s elegant description of the way we perceive the world around us is an excellent summary of W&#228;stberg&#8217;s lighting philosophy.</p><p>We believe that light answers to two kinds of needs &#8211; physical and emotional &#8211; and therefore, we need to consider both its measurable and its immeasurable qualities. Light quality is, to a great extent, measurable &#8211; making it straightforward to evaluate in relation to physical needs such as ergonomy and differences in eyesight, as well to sustainability and cost.<br><br>Not as easily measured&nbsp;&#8211; but equally important &#8211; are light&#8217;s emotional qualities. Answering to our deeply-rooted human needs, these immeasurable aspects provide a sense of intimacy, safety, and control. In other words, they help us feel good.</p><div><hr></div><p>Check out W&#228;stberg at <a href="https://wastberg.com/">wastberg.com</a>.</p><p>Read Richard Kelly on <a href="https://doi.org/10.1080/15436322.1952.11466295">Lighting as an Integral Part of Architecture</a> from 1952.</p><div><hr></div><p>Supported by:</p><ul><li><p><strong><a href="https://daylightcomputer.com/?sca_ref=6277923.yKZCQV07F6">Daylight Computer</a></strong>: the healthiest computer</p></li><li><p><strong><a href="https://gumroad.com/a/52140051">Baked Graphics</a>:</strong> amazing 3D video mockups</p></li><li><p><strong><a href="https://www.protopie.io/plans?ref=designdisciplin">ProtoPie</a></strong>: the best hi-fidelity interface prototyping tool</p></li><li><p><strong><a href="https://www.framer.com/?via=designdisciplin">Framer</a></strong>: the best website builder for designers &#8211; code <em>partner25proyearly</em> for 3 months free on annual Pro account</p></li></ul><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.designdisciplin.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Design Discipline is a reader-supported publication. To receive new posts and support our work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Chiaroscuro in Web Design: Masterclass with Thiago Costa]]></title><description><![CDATA[Building luxurious UI with classic art influences and state-of-art techniques]]></description><link>https://www.designdisciplin.com/p/thiago-costa-masterclass</link><guid isPermaLink="false">https://www.designdisciplin.com/p/thiago-costa-masterclass</guid><dc:creator><![CDATA[M.A. Baytaş]]></dc:creator><pubDate>Sun, 23 Jun 2024 11:05:11 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/ba42ec2e-5a74-42ab-96c9-e47bf6893a5f_1920x1080.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Supported by:</p><ul><li><p><strong><a href="https://www.framer.com/?via=designdisciplin">Framer</a></strong>: the best website builder for designers</p></li><li><p><strong><a href="https://colorai.app/">Color AI</a>:</strong> Generate meaningful color palettes with cultural references</p></li><li><p><strong><a href="https://bookstore.designdisciplin.com/">Design Discipline Bookstore:</a></strong> designer books and accoutrements</p></li></ul><div><hr></div><p>Thiago Costa is co-founder of <a href="https://www.fey.com/refer/mehmet">Fey</a>, the financial research tool that makes professional investing insights accessible to all of us.</p><p>Fey is famous for high-quality visual and interaction design across all of its product and marketing touchpoints.</p><p>Adapted from <a href="https://x.com/tcosta_co">his X threads</a>, this masterclass with Thiago breaks down his process for building luxurious user interfaces with classic art influences and state-of-art techniques.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!8yI9!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!8yI9!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 424w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 848w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!8yI9!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif" width="1156" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1156,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1025439,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/gif&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!8yI9!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 424w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 848w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!8yI9!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5c75116f-72aa-4646-ae6f-742f842c863a_1156x720.gif 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><figcaption class="image-caption">Hero section on Fey&#8217;s Features page</figcaption></figure></div><p>The recently launched <a href="https://www.fey.com/features">Features page on Fey&#8217;s website</a> is the perfect example to illustrate Thiago&#8217;s philosophy and technique.</p><p>We&#8217;ll follow his process for designing this page.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!BMoB!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!BMoB!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!BMoB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:639785,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!BMoB!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!BMoB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ec9b1-843e-4006-a586-cef6c1aecf2f_3840x2160.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><figcaption class="image-caption">Sketches for interactive layers in the hero section</figcaption></figure></div><h2>Concept</h2><p>The dynamic interaction designs begin their lives as static sketches on pen and paper.</p><p>In the words of <a href="https://www.designdisciplin.com/p/op">Office of Possibilities, our guests from episode 11</a>: &#8220;<em>Still, even though there's all these digital tools, the absolute best tool is pen and paper. There's no faster way of communicating an idea. [We] don't see how that will change, even as it becomes a digital pen&#8230; Having the speed to be able to do the survival of the fittest idea, to be able to do many ideas, and to be able to iterate&#8230; [Pen and paper] is the greatest.&#8221;</em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!IbIq!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!IbIq!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!IbIq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:7195033,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!IbIq!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!IbIq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4b456c51-956c-4016-8c5a-573bfd57cc0a_3840x2160.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><figcaption class="image-caption">Baroque painter Caravaggio influences Fey&#8217;s look</figcaption></figure></div><h2>Aesthetics</h2><p>Following the interaction concept, Thiago defines the aesthetics:</p><blockquote><p>First, define the tone! I always try to experiment with Chiaroscuro, and for this I drew inspiration from Caravaggio&#8217;s paintings. The goal was to embody the dramatic interplay of light and shadow to set the mood right from the start.</p></blockquote><p><em>Buy from Amazon &#8212; <a href="https://geni.us/caravaggio-complete">Caravaggio: The Complete works</a></em></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!omNF!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!omNF!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!omNF!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!omNF!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!omNF!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!omNF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:4374876,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!omNF!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!omNF!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!omNF!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!omNF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff18f9692-5c62-4e0e-90bd-434dca24e192_3840x2160.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><figcaption class="image-caption">Colors jointly reference Baroque painting and modern culture</figcaption></figure></div><p>Colors are subtle in Fey, yet chosen carefully to jointly evoke classic and contemporary references.</p><blockquote><p>Chiaroscuro meant embracing deep shadows and stark contrasts, inspired by Baroque paintings. And the Tesla stock wasn&#8217;t randomly chosen, that&#8217;s a subtle hat tip to Caravaggio&#8217;s palette, that always included red details.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!6OV8!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!6OV8!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!6OV8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:3763402,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!6OV8!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!6OV8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb4ea7efa-d37c-44cc-958c-d5514245b0c9_3840x2160.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><figcaption class="image-caption">Curated textures and lighting effects on real-life objects</figcaption></figure></div><p>Realism informs Thiago&#8217;s design as much as art.</p><p>Referencing real-world object textures and lighting effects achieves a grounded, legible feel to the interface. Art influences and modern interaction design deter cliches of skeuomorphism.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!_zig!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!_zig!,w_424,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!_zig!,w_848,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!_zig!,w_1272,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!_zig!,w_1456,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!_zig!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif" width="1280" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1280,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:9072879,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/gif&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!_zig!,w_424,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!_zig!,w_848,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!_zig!,w_1272,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!_zig!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd44b4572-9b39-46f7-bbee-c2716db7c263_1280x720.gif 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><figcaption class="image-caption">Surface qualities of high-end hardware inform Fey&#8217;s graphics</figcaption></figure></div><p>Realism is a constant in Fey&#8217;s brand identity. Thiago references surface properties of Apple products, which are synonymous with quality:</p><blockquote><p>I can&#8217;t forget our signature touch: the laptop reflection. A simple trick with two images and adjustable opacity creates a cool reflection effect without too much complexity.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ne9t!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ne9t!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ne9t!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1450870,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Ne9t!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!Ne9t!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0145c4b4-6ec7-47a2-9c70-d2310f0d9d25_3840x2160.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><figcaption class="image-caption">Fake blur and transparency to optimize performance</figcaption></figure></div><h2>Technique</h2><p>In web design, we build for devices with a vast range of screen qualities and performance. Powerful APIs for blur, transparency, and 3D are available, but may cause more pain than delight on less powerful devices.</p><p>Thiago knows the technical limitations, and how to conquer them:</p><blockquote><p>I faked [transparency] with three glass styles. It&#8217;s subtle, but apart from the UI-filled, there&#8217;s clear glass and a darker one to simulate the background blur.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Jn1c!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Jn1c!,w_424,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_848,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_1272,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_1456,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Jn1c!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif" width="1280" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1280,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:13749499,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/gif&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Jn1c!,w_424,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_848,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_1272,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!Jn1c!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e6f6fb1-05b6-48c1-9813-b2220b012943_1280x720.gif 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><figcaption class="image-caption">Handcrafted vector graphics with realistic surfaces</figcaption></figure></div><p>And while 3D modeling is the default tool for designers seeking realism, Thiago prefers vector graphics for their look as much as technical optimality:</p><blockquote><p>Choosing vector over 3D gives me more control in Figma, while infusing the asset with a personal, handmade quality. Hard to explain, but this usually results in a sharper but pleasantly &#8220;imprecise&#8221; feel that I really like.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!jdl_!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!jdl_!,w_424,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_848,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_1272,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_1456,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!jdl_!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif" width="1280" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f193517d-348f-45d2-add3-c437b89d9214_1280x720.gif&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1280,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:20346680,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/gif&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!jdl_!,w_424,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_848,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_1272,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!jdl_!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff193517d-348f-45d2-add3-c437b89d9214_1280x720.gif 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><figcaption class="image-caption">Testimonials and features are presented together with innovative interactions</figcaption></figure></div><h2>Creativity</h2><p>Testimonials, features, and benefits are mainstays in web design. They must exist on your website, but since they exist on every site, viewers may de-sensitize to this content.</p><p>For testimonials, Thiago created an original interaction design, juxtaposing customer comments with animated demos of the app itself:</p><blockquote><p>Each quote had to visually connect to the most relevant part of a feature, and I really wanted our customers to talk about them, rather than relying on traditional marketing copy.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!_-wG!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!_-wG!,w_424,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_848,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_1272,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_1456,c_limit,f_webp,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!_-wG!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif" width="1280" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1280,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:23528158,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/gif&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!_-wG!,w_424,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 424w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_848,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 848w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_1272,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 1272w, https://substackcdn.com/image/fetch/$s_!_-wG!,w_1456,c_limit,f_auto,q_auto:good,fl_lossy/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F862a2445-e665-4ea9-b62e-13455f8e4e55_1280x720.gif 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><figcaption class="image-caption">Interactive features list</figcaption></figure></div><p>He deployed smooth collapsible cards to present a list of Fey&#8217;s features:</p><blockquote><p>I aimed to showcase additional features without lengthening the page or creating yet another &#8220;bentos&#8221; section. And for a touch of movement, we added a subtle transparency behind the wave.</p></blockquote><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vTEe!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vTEe!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vTEe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png" width="1456" height="819" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:819,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:3880746,&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;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!vTEe!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 424w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 848w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.png 1272w, https://substackcdn.com/image/fetch/$s_!vTEe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F124339e9-1acf-4251-80aa-557c2a4c4f8d_3840x2160.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>For the benefits section, Thiago crafted subtle visuals that reinforce the idea presented in writing, turning to 3D painting in <a href="https://nomadsculpt.com/">Nomad Sculpt</a> to create the best texture and lighting:</p><blockquote><p>I wrote the next section before designing it, and the phrase &#8220;sea of tools&#8221; really stuck in my head. The story I wanted to tell was that the outdated tools were sinking, while Fey&#8217;s features are raised above the water. So I created this wave in Nomad to enhance the narrative.</p></blockquote><div><hr></div><p>Check out Fey at <a href="https://www.fey.com/refer/mehmet">fey.com</a>.</p><p>Follow <a href="https://x.com/tcosta_co">@tcosta_co</a> and <a href="https://x.com/narative">@narative</a> on X.</p>]]></content:encoded></item></channel></rss>