Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html style="background-color: #fff;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Framer Digest – Top Templates, Tutorials, and more ✨
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:479px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 2400px !important;
        }
        @media(max-width: 599px) {
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }

         
  @media(max-resolution: 1dppx) {
    .styleUnquotedContent .unquoted-content .social-icons *:not(.sh-preserve-font-size), .styleUnquotedContent .sh-unquoted-content .social-icons *:not(.sh-preserve-font-size), .styleQuotedContent .sh-quoted-content .social-icons *:not(.sh-preserve-font-size), .sh-signature .social-icons *:not(.sh-preserve-font-size), .Signature-settings .social-icons *:not(.sh-preserve-font-size) {
      font-size: unset !important;
    }
  }


          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a:not(.link-nostyle) {
      text-decoration: underline;
      color: #000000 !important;
    }
    @media (prefers-color-scheme: dark) {
      a:not(.link-nostyle) {
        
    color: #ffffff !important;
  
      }
    }
  </style>
  <meta content="light" name="color-scheme"/>
  <meta content="light" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:#ffffff;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Check out the coolest Framer sites, new tutorials, and best templates from the past few weeks.
  </div>
  <div style="background-color:#ffffff;">
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
   </div>
   <!--[if mso]><style type="text/css"> .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="middle" border="0" cellpadding="0" cellspacing="0" class="ml-outlook wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="ml wfix gmail-no-padding wrapper" style="margin: 0px auto; max-width: 600px; margin-left: 0px !important;">
    <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="middle" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:24px;padding-left:0px;padding-right:0px;padding-top:24px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="middle" class="wfix-outlook rounded-corners-outlook styled-primary-column-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; max-width: 600px !important;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:#ffffff;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:40px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltornbid00a7ejl1kvtl8nwc.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ0MzI1NX0:1rlBAs:hDcy1KAGZFKCGmPhTCHzrKSzC4-lI03Q3hOkH95la20" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="40"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         Community Updates 📣
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        Looking to build your next SaaS website? We got you! We just launched a brand new free
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         SaaS Website Kit
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        for Framer and Figma. Get started with tons of components, layouts, and free 3D elements! We'd love for you to build the most creative SaaS website using our free kit in our new
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Community Challenge
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        . Submit your creation by Tuesday for a chance to win exclusive Framer Merch. We also just announced the winner of our February Site of The Month award –
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         check out the winner now
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        !
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         Hot Templates 🔥
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Fragments
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        is a super minimal Notion creator template. Designed with a focus on clarity and ease of use, this template provides users with a crisp and uncluttered workspace where creativity can thrive.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <br/>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstkd9z002dfahlgqdcpciv.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ0OTcwMn0:1rlBAs:pl9y-nTcD8ZABLGJh2QTtpc2utREbaeUNfAF7I61Uxg" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Krafty
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        is a great website template designed specifically for digital agencies, design studios, and marketing firms who want to establish and maintain a powerful online presence. Krafty is filled with delightful animations and interactions and is the perfect option for an agency looking to build their site on Framer.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstl1y300bh9r9rrt29s3jx.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1MTAzN30:1rlBAs:Ml4lr__F5zpzmfAcWrgUwAWt3Fp3zTm-ua-dVpHxXXQ" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        With our new
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         free SaaS UI kit
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        you can easily transform your ideas into a fully functional, responsive, no-code SaaS website design within minutes using these free components for Framer and Figma.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstlefp00eexx5w8cj34jbi.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1MjUxfQ:1rlBAs:kPJ4JgWM2Zyc6Umg0CCDTDC5zASQtQdI7jhTbae6eEc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         New Tutorials 📚
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#444444;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 20px;">
                         <li class="outlook-list-fix style=" font-size:="" line-height:="" margin:="" value="1">
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           Watch:
                          </span>
                          <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                            Card Overlap Tutorial
                           </span>
                          </a>
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           by Matt Jumper for Flux Academy
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#444444;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 20px;">
                         <li class="outlook-list-fix style=" font-size:="" line-height:="" margin:="" value="2">
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           Watch:
                          </span>
                          <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                            Master No-Code Web Design With Framer
                           </span>
                          </a>
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           by DesignCode
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#444444;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 20px;">
                         <li class="outlook-list-fix style=" font-size:="" line-height:="" margin:="" value="3">
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           Watch:
                          </span>
                          <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                            Sell Digital Products
                           </span>
                          </a>
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           by Framer University
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#444444;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 20px;">
                         <li class="outlook-list-fix style=" font-size:="" line-height:="" margin:="" value="4">
                          <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                           Book:
                          </span>
                          <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                            a free 15-minute one-on-one session with one of our product specialists
                           </span>
                          </a>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         Great Framer Sites ✨
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Drams
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        is a Framer component library inspired by Dieter Rams’ design principles. Reflective of Rams’ style, it is minimalist while encompassing the industrial styles that he is renowned for. It is a space to learn more about Dieter, to be inspired, relax (ASMR) and have fun – enjoy the beautiful animations.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstm2gv00143ulwhm4ksd6b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1MzYzfQ:1rlBAs:PUV4Fyu_Irhi3em0zgE9CEQik_7E-LAzqhFW8aGYLfY" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Ballpark
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        is the fastest way to capture high-quality feedback on questions, marketing copy, designs and prototypes using task-driven questions. Their website is a great example of a conversion-focused SaaS website built on Framer.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstmdvg00e7kxgp888wyx1z.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1NDcwNn0:1rlBAs:ll4gCqaAc39XcxjTDm_KTfKCwSfrC67lCnh4CWY6b_g" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         kits.ai
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        is passionate about revolutionizing the music industry with cutting-edge AI technology. The platform provides tools to transform your voice using official artist AI models or generate custom voices. Their site is filled with great customer testimonials and product snippets, making it easy for potential users to identify if kits.ai is the right tool.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltornb9k00a5ejl1qaqjpyb1%252Fcltstn7he00ffxx5wa67bvyx6.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1NjM2Nn0:1rlBAs:sERhpFviviJJgKS6j4S9iQ6NPr-iHFBgEhVXF-yOIqE" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span>
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; line-height: 22px !important; font-size: 14px !important;">
                        Creator Spotlight ⚡️
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        This newsletter’s creator spotlight is shining on
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Framerbite
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        – one of our top template creators. They build templates that suit tons of use cases, like SaaS, small business, architecture and agency sites. Check them out for some design inspiration!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        That's it for now! If you're building something cool that you'd like to share with the Community, you can
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         submit your project
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        to our Community Show and Tell for an opportunity to livestream with us.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        See you online,
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Kate
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        ✌🏻
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:19px;text-align:left;color:#9ca3af;">
                       <span style="color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;">
                        You are receiving this email because you opted-in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                        <br/>
                        <a class="bold link-nostyle" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 19px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
  <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F0100018e431dd664-207b31a5-e69b-4fc0-8fc0-158f731e4a5a-000000%252F5sZXCm6mCmipPCt5HF9Isz8XjauErJW2I5N-8V_72yM%253D344/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3MTA1MjMwMTQuNjQ1ODA1MX0:1rlBAs:ZNFNCJPWeCjXxRLoJhQfJOjePzJkfA59AKrXcESOLog" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>