Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<html>
 <head>
  <title>
   Substack Grow: Building a home for your publication
  </title>
  <style>
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .typography .markup table.image-wrapper img,
  .typography.editor .markup table.image-wrapper img,
  .typography .markup table.kindle-wrapper img,
  .typography.editor .markup table.kindle-wrapper img {
    max-width: 550px;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup iframe.spotify-wrap,
  .typography.editor .markup iframe.spotify-wrap,
  .typography .markup a.spotify-wrap,
  .typography.editor .markup a.spotify-wrap {
    width: auto !important;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup div.youtube-wrap div.youtube-screen,
  .typography.editor .markup div.youtube-wrap div.youtube-screen,
  .typography .markup div.vimeo-wrap div.youtube-screen,
  .typography.editor .markup div.vimeo-wrap div.youtube-screen {
    display: none !important;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,
  .typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    padding: 28px 24px;
  }
}


@media print {
  .typography .markup .button-wrapper,
  .typography.editor .markup .button-wrapper {
    display: none;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container {
    height: 38px;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container a.comment {
    height: 38px;
    line-height: 38px;
    padding-right: 10px;
  }
}


@media screen and (max-width: 480px) {
  .share-button-container .separator {
    display: block;
    margin: 0;
    height: 8px;
    border-left: none;
  }
}


@media screen and (max-width: 480px) {
  .share-button-container a.share.first img {
    padding-left: 0;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container a.mobile {
    display: none !important;
  }
}


@media screen and (min-width: 768px) {
  .post {
    padding: 15px 0;
  }
}


@media screen and (min-width: 768px) {
  .post-silhouette {
    padding: 15px 0;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-title {
    margin-top: 10.44225025px;
    height: 120px;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-meta {
    width: 75%;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-meta.with-byline-image {
    margin: 20px 0;
  }
}


@media screen and (max-width: 370px) {
  table.post-meta tr td.post-meta-item {
    font-size: 12px;
  }
}


@media screen and (max-width: 540px) {
  .post-preview > .post-preview-image {
    display: none;
  }
}


@media screen and (max-width: 540px) {
  .post-preview-silhouette .post-preview-silhouette-image {
    display: none;
  }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .markup table.image-wrapper img,
  body .markup table.kindle-wrapper img {
    max-width: 550px;
  }
}


@media screen and (max-width: 540px) {
  body .markup iframe.spotify-wrap,
  body .markup a.spotify-wrap {
    width: auto !important;
  }
}


@media screen and (max-width: 540px) {
  body .markup div.youtube-wrap div.youtube-screen,
  body .markup div.vimeo-wrap div.youtube-screen {
    display: none !important;
  }
}


@media screen and (max-width: 540px) {
  body .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    padding: 28px 24px;
  }
}


@media print {
  body .markup .button-wrapper {
    display: none;
  }
}


@media screen and (min-width: 500px) {
  body .header a.logo {
    width: 42px;
    height: 42px;
    border-radius: 6px;
  }
}


@media screen and (max-width: 420px) {
  body .subscription-receipt table:first-of-type .subscription-amount .subscription-discount {
    width: 72px !important;
  }
}


@media screen and (min-width: 481px) {
  body .share-button-container {
    height: auto;
  }
}


@media screen and (max-width: 480px) {
  body .share-button-container .separator {
    display: block !important;
    margin: 0 !important;
    height: 8px !important;
    border-left: none !important;
  }
}


@media screen and (max-width: 540px) {
  body .footer {
    outline: 8px solid #f8f8f8 !important;
  }
}


@media screen and (max-width: 540px) {
  .digest .item .post-meta-item.audience {
    display: none;
  }
}


@media screen and (min-width: 500px) {
  .digest-publication .logo img {
    width: 42px;
    height: 42px;
    border-radius: 6px;
  }
}


@media screen and (min-width: 541px) {
  .user-profile-modal {
    padding-left: 12px;
    padding-right: 12px;
  }
}


@media screen and (max-width: 540px) {
  .subscribe-widget form.form .sideBySideWrap button.rightButton {
    padding: 10px 12px;
    min-width: 112px;
  }
}


@media screen and (min-width: 541px) {
  .pub-icon:hover .logo-hover,
  .feed-item-icon:hover .logo-hover {
    display: block;
  }
}


@media screen and (max-width: 540px) {
  .audio-player-wrapper .audio-player .audio-player-progress {
    border-left-width: 16px;
    border-right-width: 16px;
  }
}


@media screen and (max-width: 540px) {
  .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
    top: -54px;
  }
}
  </style>
 </head>
 <body class="email-body" style="font-kerning: auto;">
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fmailgun.substack.com%252Fapi%252Fv1%252Femail%252Fopen%253Ftoken%253DeyJtIjoiPDIwMjEwODI2MjEwMDUyLjEuNjg0MTkyMzE2ZDQ4N2ZjNTY3NmFlOTdlNDBkMWZlMzlAbWcyLnN1YnN0YWNrLmNvbT4iLCJ1IjoxNTY1NjU5MywiciI6ImEzZWM5MmJlQHVpZmVlZC5jb20iLCJkIjoibWcyLnN1YnN0YWNrLmNvbSIsInAiOjQwNTIyNDgxLCJzIjoxLCJjIjoicG9zdCIsImYiOnRydWUsImlhdCI6MTYzMDAxMTczNywiaXNzIjoicHViLTAiLCJzdWIiOiJlbyJ9.p8n3EMbJ4aenHuqDW18BOGgaTIR8ckuPWfrqUZOmnPs/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYWlsZ3VuLnN1YiJ9:1mJMWg:L6Btvl3VVPHhgKU3zTqt5GUzy87TmFRhNMf-yxej2qg" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
  <div class="preview" style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   This resource provides writers with tools and insights to construct the essential architecture of a Substack publication, from visual assets to post formatting. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
  </div>
  <table border="0" cellpadding="0" cellspacing="0" class="email-body-container" role="presentation" width="100%">
   <tr>
    <td>
    </td>
    <td class="content" width="550">
    </td>
    <td>
    </td>
   </tr>
   <tr>
    <td>
    </td>
    <td align="left" class="content" width="550">
     <div style="font-size: 16px; line-height: 26px; margin: 0 auto; max-width: 550px; overflow-wrap: break-word; width: 100%;">
      <div class="post typography" style="font-size: 16px; line-height: 26px; padding: 9px 0;">
       <div class="post-header" style="font-size: 16px; line-height: 26px;">
        <h1 class="post-title long published" style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 130%; margin: 0.378em 0 0 0;">
         <a style="color: #1a1a1a; text-decoration: none;">
          Substack Grow: Building a home for your publication
         </a>
        </h1>
        <table cellpadding="0" cellspacing="0" class="post-meta custom" style="margin: 0;">
         <tr>
          <td class="post-meta-item post-date" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; position: relative; text-decoration: none; vertical-align: middle; white-space: nowrap;" title="2021-08-26T21:01:42.629Z">
           <time datetime="2021-08-26T21:01:42.629Z">
            Aug 26
           </time>
          </td>
          <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
           <span>
            <a class="like-button" style="color: #757575; display: block; position: relative; text-decoration: none;">
             <img alt="" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_30%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FHeartIcon%253Fv%253D2%2526height%253D40%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 20px; max-width: 15px; vertical-align: middle; width: auto;" width="15"/>
            </a>
           </span>
          </td>
          <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
           <a style="color: #757575; display: block; text-decoration: none;">
            <img alt="Comment" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_28%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FCommentIcon%253Fv%253D2%2526height%253D40%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 20px; max-width: 14px; stroke: #757575; vertical-align: middle; width: auto;" width="14"/>
           </a>
          </td>
          <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; margin-right: 0; padding: 7px 12px 7px 0; padding-right: 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
           <span>
            <a style="color: #757575; display: block; text-decoration: none;">
             <img alt="Share" height="14" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_28%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FRecommendIcon%253Fv%253D2%2526height%253D28%2526stroke%253D%252523999999%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 14px; max-width: 550px; vertical-align: middle; width: 14px;" width="14"/>
            </a>
           </span>
          </td>
         </tr>
        </table>
       </div>
      </div>
      <div class="post typography" style="font-size: 16px; line-height: 26px; padding: 9px 0;">
       <div class="body markup" style="font-size: 16px; line-height: 26px; margin-bottom: 12px; word-break: break-word;">
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-top: 0;">
         <em>
          This is the third in a series of six posts designed to share the essential knowledge writers need to go independent on Substack.
         </em>
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         This resource aims to provide writers with tools and insights to construct the essential architecture of your Substack publication, from visual assets to post formatting.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Readers’ impressions of your publication aren’t just about your writing. They also respond to the overall look and feel of your Substack site, posts, and social media presence. Effective, evocative design elements can level up how you visually
         <a style="color: #1a1a1a; text-decoration: underline;">
          communicate your publication’s value
         </a>
         .
        </p>
        <h2 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Defining a brand identity
        </h2>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Brand design elements, like logos and headers, communicate an overarching message to readers about what to expect from your publication.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         <a style="color: #1a1a1a; text-decoration: underline;">
          Casey Burns
         </a>
         is a designer who has worked with writers like
         <a style="color: #1a1a1a; text-decoration: underline;">
          Patti Smith
         </a>
         ,
         <a style="color: #1a1a1a; text-decoration: underline;">
          Marc Stein
         </a>
         ,
         <a style="color: #1a1a1a; text-decoration: underline;">
          Baratunde Thurston
         </a>
         and
         <a style="color: #1a1a1a; text-decoration: underline;">
          Booksmart Studios
         </a>
         to create brand design packages that tie together their publications visually.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         When he begins conversations with writers, Casey asks them how they want to be perceived and
         <a style="color: #1a1a1a; text-decoration: underline;">
          why they think readers will rally around their writing
         </a>
         :
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Are you an individual with your own style and vibe and putting your words out into the world?
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Do you think of yourself and your writing more as an entity that produces a product?
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Are you presenting your work as the product of a larger company or collective rather than that of an individual?
          </p>
         </li>
        </ul>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         There are design strategies for all types of writers. Casey walked us through three case studies.
        </p>
        <a class="youtube-wrap" rel="" style="display: block; margin: 1.6em 0;" target="_blank">
         <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Fyoutube%252Fw_550%252Cc_limit%252Fl_youtube_play_qyqt8q%252Cw_120%252F55NZt98Lhv4/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; max-width: 550px; vertical-align: middle; width: 100%;"/>
        </a>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Explore the Substack publications that Casey mentions in this video:
         <a style="color: #1a1a1a; text-decoration: underline;">
          Patti Smith
         </a>
         ,
         <a style="color: #1a1a1a; text-decoration: underline;">
          Marc Stein
         </a>
         ,
         <a style="color: #1a1a1a; text-decoration: underline;">
          Baratunde Thurston
         </a>
         and
         <a style="color: #1a1a1a; text-decoration: underline;">
          Booksmart Studios
         </a>
         .
        </p>
        <h2 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Designing a reader journey
        </h2>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         In addition to having a compelling brand identity, your publication should be easy to navigate and understand for new readers.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Of note, 68% of readers view Substack posts on mobile, so it’s important that your materials are easy to comprehend on various screen types. Don’t underestimate the power of how you group information with formatting choices as simple as paragraph length.  As you’re experimenting with mobile-friendly formatting, send yourself a
         <a style="color: #1a1a1a; text-decoration: underline;">
          test email
         </a>
         and view it on mobile to make sure the post looks how you want it to.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Within each Substack post, writers should use formatting to create visual hierarchy. That means communicating the importance of each content element based on its physical attributes and differences, such as size, color, contrast, and style.
        </p>
        <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 16px; text-align: center;">
         <figure style="display: inline-block; margin: 0 auto; width: 100%;">
          <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
           <tbody>
            <tr>
             <td style="text-align: center;">
             </td>
             <td align="left" class="content" style="text-align: center;" width="550">
              <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
               <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/75b15211-1a57-4cc7-9fca-1c055ef32e8b_2048x1139.png","height":810,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252F75b15211-1a57-4cc7-9fca-1c055ef32e8b_2048x1139.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
              </a>
             </td>
             <td style="text-align: center;">
             </td>
            </tr>
           </tbody>
          </table>
          <figcaption class="image-caption" style="color: #757575; font-family: sans-serif; font-size: 14px; font-weight: 300; line-height: 1.4em; text-align: center;">
           The variety of tools writers have to create visual hierarchy in a post.
          </figcaption>
         </figure>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         In this video, Kellyn from Substack’s design team shares Substacks that exemplify a thoughtful reader journey and use clear visual hierarchy in their post formatting.
        </p>
        <a class="youtube-wrap" rel="" style="display: block; margin: 1.6em 0;" target="_blank">
         <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Fyoutube%252Fw_550%252Cc_limit%252Fl_youtube_play_qyqt8q%252Cw_120%252FWcT0TV-TlnA/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; max-width: 550px; vertical-align: middle; width: 100%;"/>
        </a>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Your publication website should also be structured thoughtfully for readers. This landing page serves a few functions for readers. It’s an invitation, a starting point for discovering your work, a storage of vital links, and a strategic asset for your publication’s marketing. This is often a reader’s first impression of your work, so it’s important to present your work in a clear, consistent, and meaningful way.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         A few things to keep in mind:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
           <strong>
            Create consistent naming conventions.
           </strong>
           Writers like
           <a style="color: #1a1a1a; text-decoration: underline;">
            Willy Woo
           </a>
           use a title, post number and theme to name each of their posts. This establishes context, sets expectations, and helps the readers discover and find content.
          </p>
          <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 0; text-align: center;">
           <figure style="display: inline-block; margin: 0 auto; width: 100%;">
            <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
             <tbody>
              <tr>
               <td style="text-align: center;">
               </td>
               <td align="left" class="content" style="text-align: center;" width="550">
                <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
                 <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/bab6b304-3803-4ba2-a027-4b145d4e0893_1546x1014.png","height":955,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252Fbab6b304-3803-4ba2-a027-4b145d4e0893_1546x1014.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
                </a>
               </td>
               <td style="text-align: center;">
               </td>
              </tr>
             </tbody>
            </table>
           </figure>
          </div>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
           <strong>
            Aid navigation with post images.
           </strong>
           This is also a way to establish context and help readers discover and find content. It also can help enhance your personal brand and storytelling. For example,
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Phoenix
           </a>
           always uses the same image to preview their weekly Tuesdays discussion thread.
          </p>
          <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 0; text-align: center;">
           <figure style="display: inline-block; margin: 0 auto; width: 100%;">
            <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
             <tbody>
              <tr>
               <td style="text-align: center;">
               </td>
               <td align="left" class="content" style="text-align: center;" width="550">
                <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
                 <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/c0e31fcb-d09f-4d44-81f4-96ac622e25c3_1196x780.png","height":780,"width":1196,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2392%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252Fc0e31fcb-d09f-4d44-81f4-96ac622e25c3_1196x780.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
                </a>
               </td>
               <td style="text-align: center;">
               </td>
              </tr>
             </tbody>
            </table>
           </figure>
          </div>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
           <strong>
            Create shortcuts to important information
           </strong>
           . This is important in guiding the reader to important actions, orienting them on your publication home, and setting expectations. Many writers, like
           <a style="color: #1a1a1a; text-decoration: underline;">
            Persuasion
           </a>
           , use
           <a style="color: #1a1a1a; text-decoration: underline;">
            homepage links
           </a>
           for this.
          </p>
          <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 0; text-align: center;">
           <figure style="display: inline-block; margin: 0 auto; width: 100%;">
            <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
             <tbody>
              <tr>
               <td style="text-align: center;">
               </td>
               <td align="left" class="content" style="text-align: center;" width="550">
                <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
                 <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/f1a1171e-8c7f-49bb-8887-a45cdeb51835_1628x1072.png","height":959,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252Ff1a1171e-8c7f-49bb-8887-a45cdeb51835_1628x1072.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
                </a>
               </td>
               <td style="text-align: center;">
               </td>
              </tr>
             </tbody>
            </table>
           </figure>
          </div>
         </li>
        </ul>
        <h2 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Bringing your own designs to life
        </h2>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Once you understand the landscape of design strategies and tactics for your publication, you’ll want to bring them to life.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         We asked Leah Mennies, who publishes
         <a style="color: #1a1a1a; text-decoration: underline;">
          Above the Fold
         </a>
         , a Substack about dumplings and the people who make them, to walk us through how she creates her own visual assets with user-friendly software to give her publication a magazine-like feel.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Leah set a few goals for the visual aspects of her Substack publication:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Make visuals work in lockstep with words to further her storytelling.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Nod to the newspaper and editorial reference of “Above the Fold.”
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Showcase dumplings visually without a photo budget.
          </p>
         </li>
        </ul>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Then, Leah worked with
         <a style="color: #1a1a1a; text-decoration: underline;">
          Claudia Mak
         </a>
         , a designer, to create a toolkit that included logos, symbols, and color palette. She uploaded this toolkit to
         <a style="color: #1a1a1a; text-decoration: underline;">
          Canva
         </a>
         , a simple drag-and-drop graphic design platform where she creates unique designs for each of her weekly posts.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         In this video, Leah walks through design solutions she has used in posts.
        </p>
        <a class="youtube-wrap" rel="" style="display: block; margin: 1.6em 0;" target="_blank">
         <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Fyoutube%252Fw_550%252Cc_limit%252Fl_youtube_play_qyqt8q%252Cw_120%252FPrnphjlFHcI/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; max-width: 550px; vertical-align: middle; width: 100%;"/>
        </a>
        <h3 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.375em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Image dimensions
        </h3>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         We’ve found that these are the best image dimensions for your publication’s design elements:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <strong>
            Logo
           </strong>
           : At least 256 x 256 px with a transparent background.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <strong>
            Email banners
           </strong>
           : Recommended 1100 x 220 px with a transparent background, but could be taller.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <strong>
            Cover image
           </strong>
           : At least 600 x 600 px.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <strong>
            Social / post preview image
           </strong>
           : We recommend at least 1456 x 1048 px, but 420 x 300 px is the minimum. 14:10 is the aspect ratio for the preview images.
          </p>
         </li>
        </ul>
        <h3 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.375em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         DIY design toolbox
        </h3>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         There are many ways writers can create beautiful publications without the help of a designer. Here are some simple and free design tools you can use for your Substack:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Canva Design School
           </a>
           offers a library of videos and resources that teach users how to create beautiful, simple designs.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Noun Project
           </a>
           is a collection of icons that can be used as special elements throughout a post.
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Canva’s color wheel
           </a>
           helps you test what colors look good together.
          </p>
         </li>
        </ul>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Additionally, here are some libraries of high-resolution and free-to-use stock images:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Unsplash
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Nappy
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Shot Stash
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Pexels
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Freepik
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Pixbay
           </a>
          </p>
         </li>
        </ul>
        <h2 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Customizing your Substack site
        </h2>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Substack offers writers the ability to customize their publication’s site with themes, homepage links, and sections.
        </p>
        <h3 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.375em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Publication themes
        </h3>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         You can edit your Substack’s theme from your Settings page, where you’ll see options to:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Change your welcome page, homepage, post, and accent colors
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Select from a few different font styles
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Choose between two homepage layouts
          </p>
         </li>
        </ul>
        <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 16px; text-align: center;">
         <figure style="display: inline-block; margin: 0 auto; width: 100%;">
          <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
           <tbody>
            <tr>
             <td style="text-align: center;">
             </td>
             <td align="left" class="content" style="text-align: center;" width="550">
              <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
               <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/00babd2b-6343-44e5-ae91-3d4178aace2c_1218x641.png","height":641,"width":1218,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2436%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252F00babd2b-6343-44e5-ae91-3d4178aace2c_1218x641.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
              </a>
             </td>
             <td style="text-align: center;">
             </td>
            </tr>
           </tbody>
          </table>
         </figure>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         There are a couple of things to keep in mind when choosing a theme. Contrast between your background and text increases readability and comprehension.  Interactive elements, like buttons, should be highly visible. Choose colors for buttons that create high contrast, making them stand out and easy to read.
        </p>
        <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 16px; text-align: center;">
         <figure style="display: inline-block; margin: 0 auto; width: 100%;">
          <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
           <tbody>
            <tr>
             <td style="text-align: center;">
             </td>
             <td align="left" class="content" style="text-align: center;" width="550">
              <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
               <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/8562d033-bda9-496c-a2bb-85b0bcae16de_1572x888.png","height":822,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252F8562d033-bda9-496c-a2bb-85b0bcae16de_1572x888.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
              </a>
             </td>
             <td style="text-align: center;">
             </td>
            </tr>
           </tbody>
          </table>
         </figure>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Substack has intentionally added fonts to themes that are reader-friendly. Fonts can also be a stylistic and personality choice.
        </p>
        <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 16px; text-align: center;">
         <figure style="display: inline-block; margin: 0 auto; width: 100%;">
          <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
           <tbody>
            <tr>
             <td style="text-align: center;">
             </td>
             <td align="left" class="content" style="text-align: center;" width="550">
              <a class="image-link" style="border: none; display: block; height: auto; margin: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
               <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/d1140e56-2c5e-4729-b23d-62a8502fd359_1570x886.png","height":822,"width":1456,"resizeWidth":null,"bytes":null,"alt":null,"title":null,"type":null,"href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252Fd1140e56-2c5e-4729-b23d-62a8502fd359_1570x886.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
              </a>
             </td>
             <td style="text-align: center;">
             </td>
            </tr>
           </tbody>
          </table>
         </figure>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Here are some publications that have great visual branding and use of themes:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Fast Times
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Novelleist
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Phoenix
           </a>
          </p>
         </li>
        </ul>
        <h3 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.375em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Homepage links
        </h3>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Our "Recommended links" feature enables writers to add linked pages to their publication sidebar. You can find options to
         <a style="color: #1a1a1a; text-decoration: underline;">
          add links and categories in the Settings page
         </a>
         .
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Use recommended links as a blogroll, a community resource, or related references. Check out these writers’ sidebars for inspiration:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Agents and Books
           </a>
           (resource library)
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Charlotte Ledger
           </a>
           (popular articles)
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Foreign Exchanges
           </a>
           (links to recommended Substacks)
          </p>
         </li>
        </ul>
        <h3 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.375em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Publication sections
        </h3>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         <a style="color: #1a1a1a; text-decoration: underline;">
          Sections
         </a>
         allow you to create and manage multiple newsletters or podcasts within a single main publication. Each section will appear in a tab at the top of your publication’s homepage.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         You can add sections to your publication from your Settings page, where you’ll see options to:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Add a newsletter or a podcast
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Edit the title and one-line description
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           Choose whether readers are automatically subscribed
          </p>
         </li>
        </ul>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Learn more about publication sections
         <a style="color: #1a1a1a; text-decoration: underline;">
          here
         </a>
         , or check out how these writers use sections for inspiration:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Bittman Project
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            Asian Century Stocks
           </a>
          </p>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
           <a style="color: #1a1a1a; text-decoration: underline;">
            The Draft Scout
           </a>
          </p>
         </li>
        </ul>
        <h2 style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 1.16em; margin: 1em 0 0.625em 0;">
         Health check
        </h2>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Here’s a recap of all the ways you can design your Substack posts and site. Take a moment to make sure you are using all these surface areas effectively:
        </p>
        <ul style="margin-bottom: 1em; margin-top: 1em;">
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
           Substack site
          </p>
          <ul style="margin-bottom: 1em; margin-top: 1em;">
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Logo and cover image
            </p>
           </li>
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Publication theme (layout, colors, and fonts)
            </p>
           </li>
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Homepage links
            </p>
           </li>
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Publication sections and logos
            </p>
           </li>
          </ul>
         </li>
         <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
          <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
           Substack posts and emails
          </p>
          <ul style="margin-bottom: 1em; margin-top: 1em;">
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Email banners
            </p>
           </li>
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Post preview images
            </p>
           </li>
           <li style="margin-bottom: 3.75px; margin-left: 7.5px; margin-right: 0; margin-top: 3.75px; mso-special-format: bullet;">
            <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0;">
             Other images and banners
            </p>
           </li>
          </ul>
         </li>
        </ul>
        <div style="font-size: 16px; line-height: 26px;">
         <hr style="background: rgba(204, 204, 204, 0.6); border: none; height: 1px; margin: 24px 0; padding: 0;"/>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         <em>
          This post is the third in a series of six posts that will share the essential knowledge writers need to go independent on Substack. Check out the first two posts: “
          <a style="color: #1a1a1a; text-decoration: underline;">
           Start by setting goals
          </a>
          ” and “
          <a style="color: #1a1a1a; text-decoration: underline;">
           Developing a publication strategy
          </a>
          .”
         </em>
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0;">
         <em>
          The material is based off the curriculum for
          <a style="color: #1a1a1a; text-decoration: underline;">
           Substack Grow
          </a>
          , a six-session crash course for writers ready to pursue independence by building a loyal readership and kickstarting paid subscriptions. “Building a home for your publication” was Session Three.
          <a style="color: #1a1a1a; text-decoration: underline;">
           Learn more here
          </a>
          .
         </em>
        </p>
       </div>
      </div>
      <table cellpadding="0" cellspacing="0" class="post-meta big custom" style="margin: 0;">
       <tr>
        <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <span>
          <a class="like-button" style="color: #757575; display: block; position: relative; text-decoration: none;">
           <img alt="" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_45%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FHeartIcon%253Fv%253D2%2526height%253D60%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 30px; max-width: 22.5px; vertical-align: middle; width: auto;" width="22.5"/>
          </a>
         </span>
        </td>
        <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <a style="color: #757575; display: block; text-decoration: none;">
          <img alt="Comment" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_42%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FCommentIcon%253Fv%253D2%2526height%253D60%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 30px; max-width: 21px; stroke: #757575; vertical-align: middle; width: auto;" width="21"/>
         </a>
        </td>
        <td class="post-meta-item icon" style="color: #757575; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; margin-right: 0; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <span>
          <a style="color: #757575; display: block; text-decoration: none;">
           <img alt="Share" height="21" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_42%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FRecommendIcon%253Fv%253D2%2526height%253D42%2526stroke%253D%252523999999%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; float: left; height: 21px; max-width: 550px; vertical-align: middle; width: 21px;" width="21"/>
          </a>
         </span>
        </td>
       </tr>
      </table>
      <div class="container-border" style="border-top: 1px solid rgba(204, 204, 204, 0.6); box-sizing: border-box; font-size: 16px; line-height: 26px; margin: 32px 0 0; width: 100%;">
      </div>
      <div class="postscript" style="font-size: 16px; line-height: 26px; margin: 24px 0 40px;">
       <div class="body markup" style="font-size: 16px; line-height: 26px; margin-bottom: 12px; word-break: break-word;">
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-top: 0;">
         <em>
          If you liked this post from
         </em>
         <a style="color: #1a1a1a; text-decoration: underline;">
          Substack
         </a>
         <em>
          , why not share it?
         </em>
        </p>
        <p class="button-wrapper" data-attrs='{"url":"https://on.substack.com/p/grow-3?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share&amp;token=eyJ1c2VyX2lkIjoxNTY1NjU5MywicG9zdF9pZCI6NDA1MjI0ODEsImlhdCI6MTYzMDAxMTczNywiaXNzIjoicHViLTEiLCJzdWIiOiJwb3N0LXJlYWN0aW9uIn0.5vYs337iX9ie-JhCFOKEA4EH7tWzY1WF-Rm3KHYBTZo","text":"Share","class":null}' style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; text-align: center;">
         <a class="button primary" style="background-color: #ee7835; border: none; border-radius: 4px; box-sizing: border-box; color: #ffffff !important; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: auto; line-height: 20px; margin: 0; opacity: 1; outline: none; padding: 12px 20px; text-align: center; text-decoration: none !important;">
          <span style="color: #ffffff; text-decoration: none;">
           Share
          </span>
         </a>
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0;">
         PS -
         <a style="color: #1a1a1a; text-decoration: underline;">
          We’re hiring!
         </a>
        </p>
       </div>
      </div>
      <div class="footer" style="background: #f8f8f8 !important; color: #bcbcbc; font-size: 16px; line-height: 26px; padding: 32px; text-align: center;">
       <p class="small" style="color: #bcbcbc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 13px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0; padding-bottom: 30px;">
        © 2021
        <span>
         Substack
        </span>
        <a style="color: #bcbcbc; text-decoration: underline;">
         <span style="color: #bcbcbc; text-decoration: underline;">
          Unsubscribe
         </span>
        </a>
        <br/>
        548 Market Street PMB 72296, San Francisco, CA 94104
       </p>
       <p class="small powered-by-substack" style="color: #bcbcbc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 13px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0; padding-bottom: 0;">
        <a style="color: #bcbcbc; text-decoration: none;">
         <img alt="Publish on Substack" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_340%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Fimg%252Fpublish-on-substack.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mJMWg:SNwvpX6UYhtvH73PJcK4X1AnjgdXEym372uZl3Sbs98" style="border: none !important; margin-top: 3px; max-width: 550px; vertical-align: middle;" width="170"/>
        </a>
       </p>
      </div>
     </div>
    </td>
    <td>
    </td>
   </tr>
  </table>
  <img alt="" height="1px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.mg2.substack.com%252Fo%252FeJwtUEluxSAMPU1ZRpg5C86CCDgpagJfDK1y-_LTypIX9rPfEHzHo9TbvkrrZDSsLkULUs1aOcHLp9MdmLFOYHS-W1CcUgDNteZAohURjDQkNbdXfPC214HkNbYzBd9Tyc9L8mlBeC05j9zTsDJF-eZNoAykUGLnVJC3COdHTJgDWvzGepeMJFk2UdQwNTuVbIFFGQEr46CiMHoPUmnlcdUoaIQd-foh6HWwpY2tdR--llAuUq3nOIk3nNuRdsT4zB_Wfr_QZvxpJ_aOlfS_RKYLNzHXyKnfDrPfToz_Bt9n05mYipgwQCZZLDOAbEv-BSBxcGo/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5tZzIucyJ9:1mJMWg:-t3AmsQUWmdpJQat-diJj7hbAHgbFgpP2N2RNezNayc" width="1px"/>
 </body>
</html>