Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html style="background-color: #000000;" 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, product announcements, 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;
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

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

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a:not(.link-nostyle) {
      text-decoration: underline;
      color: #ffffff !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:#000000;">
  <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, top tutorials, and best templates from the past few weeks
  </div>
  <div style="background-color:#000000;">
   <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; }
</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:#000000;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;">
                  <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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:110px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vq3bs017qm3xtiwr5dx9m.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzI5NjEyNX0:1rehjR:8_BUCEUPikra5dyIPLktikBd6wcdvkgvgfReGWwH8gs" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="110"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:30px;line-height:36px !important;text-align:left;color:#ffffff;">
                       <h1 style="padding: 0; margin: 0; font-weight: 500; font-size: 30px; color: #ffffff !important; line-height: 36px !important; font-size: 30px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 30px; line-height: 36px !important; font-size: 30px !important;">
                         In case you missed it
                        </span>
                       </h1>
                      </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Our recent product launches and feature updates:
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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">
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            Custom Cursors
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           : design interactive cursors using components with infinite ways to customize. Tap into the power of Variants, Effects, and Transitions to design interactions with incredible fidelity.
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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">
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            Localization 2.0
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           : these features add powerful Localization flexibility – hiding CMS Items and Web Pages per Locale lets you provide the most relevant content for each site visitor, while Localized Slugs &amp; Redirects give you full control over your site URLs.
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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">
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            CMS Update:
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           focused on highly-requested features from larger teams – we added the ability to add image focal points in the CMS, as well as the ability to set field descriptions, duplicate collection fields and multi-select CMS items to delete them
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:24px;padding-left:0px;word-break:break-word;">
                      <p style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:100%;">
                      </p>
                      <!--[if mso | IE]><table align="middle" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:580px;" role="presentation" width="580px" ><tr><td style="height:0;line-height:0;"> &nbsp;
</td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:30px;line-height:36px !important;text-align:left;color:#ffffff;">
                       <h1 style="padding: 0; margin: 0; font-weight: 500; font-size: 30px; color: #ffffff !important; line-height: 36px !important; font-size: 30px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 30px; line-height: 36px !important; font-size: 30px !important;">
                         Hot templates 🔥
                        </span>
                       </h1>
                      </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Cloudpipe
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by DesignUp
                       </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vt5l7000c13w7zu8ot6tr.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMwNDk0OX0:1rehjR:bJ3baJfARZ0PTzxd2vgiMTX5--OsyeUV1l1hpVbm5rY" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Cloudpipe is a comprehensive one-stop shop for websites in the AI industry (though it’d work perfectly for SaaS and startup sites, too!). It has a highly polished layout and premium custom graphics, offering a really enjoyable and intuitive on-site experience.
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Sunbean
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by Neven Cvijanovic
                       </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vx0lw017u3l620x30jfvk.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMwNzAwNn0:1rehjR:wHKVAQy0Se-Mps_KMdA-5fPgOSEwVAT-EwxCjSkdE8U" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Sunbean is a super unique, and really enjoyable template that can be used by coffee shops, restaurants, and bakeries. Whether you're showcasing your menu or promoting special offers, Sunbean ensures that your site always reflects your brand. Sunbean ensures that your website reflects the charm and character of your brand.
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Natalie
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by Studio Kismo
                       </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vxlbk004410c38v8anpo7.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMwODgxNn0:1rehjR:jMo40vyq7bxbRm_JFcabp8Qm_ZCSEWeKdXECvMc_lI4" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Natalie is a portfolio template with a great user flow – created with photographers, designers, and other creatives in mind. Natalie also makes use of Framer’s CMS, with an intuitive pre-built CMS that makes managing your portfolio content super easy.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:24px;padding-left:0px;word-break:break-word;">
                      <p style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:100%;">
                      </p>
                      <!--[if mso | IE]><table align="middle" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:580px;" role="presentation" width="580px" ><tr><td style="height:0;line-height:0;"> &nbsp;
</td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:30px;line-height:36px !important;text-align:left;color:#ffffff;">
                       <h1 style="padding: 0; margin: 0; font-weight: 500; font-size: 30px; color: #ffffff !important; line-height: 36px !important; font-size: 30px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 30px; line-height: 36px !important; font-size: 30px !important;">
                         New tutorials đź“š
                        </span>
                       </h1>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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: 25px !important; font-size: 14px; font-size: 14px !important;">
                           Watch:
                          </span>
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            Creating the Apple Vision Pro Scroll Animation
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           by Framer University
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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: 25px !important; font-size: 14px; font-size: 14px !important;">
                           Watch:
                          </span>
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            Mastering Framer Code Components
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           by Dan Hollick
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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: 25px !important; font-size: 14px; font-size: 14px !important;">
                           Read:
                          </span>
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                            How to Improve Your Website Loading Speed
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           by Luca Da Corte
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:#ffffff;">
                       <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: 25px !important; font-size: 14px; font-size: 14px !important;">
                           Book:
                          </span>
                          <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !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="middle" class="divider dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:24px;padding-left:0px;word-break:break-word;">
                      <p style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:100%;">
                      </p>
                      <!--[if mso | IE]><table align="middle" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:580px;" role="presentation" width="580px" ><tr><td style="height:0;line-height:0;"> &nbsp;
</td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:30px;line-height:36px !important;text-align:left;color:#ffffff;">
                       <h1 style="padding: 0; margin: 0; font-weight: 500; font-size: 30px; color: #ffffff !important; line-height: 36px !important; font-size: 30px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 30px; line-height: 36px !important; font-size: 30px !important;">
                         Great Framer sites
                        </span>
                       </h1>
                      </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Mollie
                        </span>
                       </a>
                      </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vycwa01913l62cgweeuft.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMxMDgxOX0:1rehjR:faS33fSG8k24NAxdoM2BrU16phkk0V2KJzB1mqxbQwc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Mollie is a fintech company providing effortless payments and money management for every business, and they recently launched their full website on Framer. This is one of the most advanced sites built on Framer to date – making use of Framer’s robust CMS and Localization features. Above all, it’s a great-looking, functional, and high-performing site.
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         fforward
                        </span>
                       </a>
                      </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vz5e900fe4hpab51icrtj.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMxMjUyOH0:1rehjR:qfOuHnLeLaf_07bzdbdwY0GXqeXUUNIbayZaFRV3Ihg" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        fforward is a platform that manages your user research interview transcripts and extracts your users' and customers' wants and needs. Their website is a stunning example of scroll effects done right – check it out for some scroll effect inspiration.
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Sebastian Martinez portfolio
                        </span>
                       </a>
                      </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclt2vq37u017pm3xt4qmz3y90%252Fclt2vzv8s00544ms4llu8yh3j.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDg5Nzk4NjkuMzMxNDQ1Mn0:1rehjR:OhZwjChqvYygSSRjPg57WH_54dBN3Z6hz72LaA7TVeU" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Recently nominated for an
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Awwward
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        , Sebastian’s portfolio is just gorgeous. As a decorated digital and industrial designer, Seb’s portfolio needs to showcase his work and personality all in one, and his use of scroll effects and interactions allows his work to be front and centre of this engaging portfolio site.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-bottom:24px;padding-left:0px;word-break:break-word;">
                      <p style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:100%;">
                      </p>
                      <!--[if mso | IE]><table align="middle" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #282828;font-size:1px;margin:0px auto;width:580px;" role="presentation" width="580px" ><tr><td style="height:0;line-height:0;"> &nbsp;
</td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:30px;line-height:36px !important;text-align:left;color:#ffffff;">
                       <h1 style="padding: 0; margin: 0; font-weight: 500; font-size: 30px; color: #ffffff !important; line-height: 36px !important; font-size: 30px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 30px; line-height: 36px !important; font-size: 30px !important;">
                         Creator spotlight
                        </span>
                       </h1>
                      </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        This newsletter’s creator spotlight is shining on
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Nabeel
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        – creator of
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         SegmentUI
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        , which provides UI kits and design systems for Framer users. Don’t miss our
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 25px !important; font-size: 14px !important;">
                         Community Show and Tell
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        on Tuesday, March 5th, where Nabeel will dive into how he approached building SegmentUI in Framer, and how he plans to grow it this year.
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        ✌️ Kate
                       </span>
                       <br/>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        Community &amp; Partnerships at Framer
                       </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;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:25px !important;text-align:left;color:#ffffff;">
                       <br/>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:21px;text-align:left;color:#9ca3af;">
                       <span style="color: #9ca3af !important; font-size: 12px !important; line-height: 21px !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: 21px !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%252F0100018de7234dfd-856b9bf5-8771-4fb5-a578-1ded727901b7-000000%252FpGAs7dUJHObEsSo0e47IKupPTWayN2lmv5pTtabPoVY%253D341/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3MDg5Nzk4NjkuMzMxODU4Nn0:1rehjR:P6cFMHP5A7lZtlsRiksG7hZn45lVeqLzpFKrhz84sTU" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>