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%252Fclrywh303001cbr28ab3z576m%252Fcls1s5ahd00hqurtadpgru3d5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU3MDQ0NH0:1rVBAZ:zgJFyWZXCPy2L0wGFdYVuf1NJM5r3SHKACYSwg5Hv-Y" 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 class="dark-force" 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;">
                        As you might have seen,
                       </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;">
                         we wrapped up 2023
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        with 67 updates! And we’re not slowing down. Over the last few weeks, we launched:
                       </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;">
                            Creative Section
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           – a new section of the Insert Panel filled with fun components and presets that you can use to bring your sites to life.
                          </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;">
                            Patterns in Framer
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           – this release adds a
                          </span>
                          <span class="bold" style="font-weight: 600; font-size: 14px; line-height: 25px !important; font-size: 14px !important;">
                           Tile
                          </span>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           option to Image Fills, allowing you to create
                          </span>
                          <span class="bold" style="font-weight: 600; font-size: 14px; line-height: 25px !important; font-size: 14px !important;">
                           seamless background patterns
                          </span>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           for your sites.
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider" 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 class="dark-force" 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;">
                         Messenger
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by Justin Farrugia
                       </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryxxw4v00pb6i4wep66bk5o.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU3NjQ5N30:1rVBAZ:dYSavYhWQWZeMil-CKCiOnEqzPCkJnIEAVjELQCeHeo" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                        Messenger is a super unique (free) portfolio template featuring an interactive conversational style designed for creatives to show their work and experience. The project pages are designed the same way and provide a conversational way to showcase your work.
                       </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;">
                         SmartBot
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by Zara
                       </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryxzpiq00gefqevzfvuj1gl.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU3Nzg0N30:1rVBAZ:xAl-0xHUV9aMkseSGcLjUy6yhSsI2PLEnyKE5fTMaUk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                        SmartBot is a powerful Framer template for AI-powered products. It seamlessly enhances your startup or SaaS offering. This dynamic template gives startups a versatile website to easily showcase AI-powered products.
                       </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;">
                         Atomic
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        by Andrea Montini
                       </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryy06x000gxh661q78ipz3b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU3OTAwNX0:1rVBAZ:2cnLt_Qe6-QU33zwmqJ__UEXDHfAteI3gErDR5tt7Lc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                        Atomic is a free one-pager site that can be used by various audiences – from design agencies to SaaS startups. It’s filled with useful elements like testimonials and FAQ, and contains everything a business needs for an MVP site.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider" 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 class="dark-force" 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;">
                           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;">
                            10 Ways Designers Can Make $1–10k+ Per Month with Framer in 2024
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           by Danny Sapio
                          </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;">
                            Turn Your Website Into A Digital Store
                           </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="3">
                          <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;">
                            Animated Card section tutorial
                           </span>
                          </a>
                          <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                           by Toni Järvinen
                          </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" 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 class="dark-force" 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;">
                         Perplexity Blog
                        </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryy1m4e0076lghslfxcs7i1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU4MDE5N30:1rVBAZ:yyRapTn6c0HAYTqBaWMiOp-3givJ2lYb4qJ7rFp5LoI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                       <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;">
                         Perplexity
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        is a platform that delivers precise, user-focused answers in an era where time is a premium. They’re utilizing Framer’s
                       </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;">
                         CMS
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        to manage and host their blog – which contains beautiful, simple inline blog pages to keep the reader focused on each article.
                       </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;">
                         Knob.design
                        </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryy295i00jrz954w6db6lok.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU4MTI3M30:1rVBAZ:zhV2wR9l8h0CQN-p02bKTqbaUUIGiqkutdzYBnLDx-g" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                       <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;">
                         Knob
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        is a low-profile mechanical keyboard that is set for release later in 2024. This uses great product imagery, combined with a minimal layout to highlight the product’s features and unique elements.
                       </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;">
                         Pearpop
                        </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;">
                          <a style="text-decoration: underline; color: #ffffff !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclrywh303001cbr28ab3z576m%252Fclryy2l2o00irfs9oljqf83y7.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MDY3MDk3NDcuOTU4MjMzfQ:1rVBAZ:GEOHMG_b6sTrlEGHac6DZAkWo2zPoE9udciBktEy-W8" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </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;">
                       <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;">
                         Pearpop
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        is the largest (and fastest growing) Creator Community, and their site is really playful - reflecting the friendly nature of their brand. It’s filled with fun and engaging animations that make the site a joy to scroll through.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="divider" 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 class="dark-force" 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 Danny Sapio and Joel Whitaker – co-creators 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;">
                         Framer Auth
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        , a no-code solution for membership functionality in Framer. Check out the recording of our recent
                       </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;">
                         Show and Tell
                        </span>
                       </a>
                       <span style="line-height: 25px !important; font-size: 14px; font-size: 14px !important;">
                        , where Danny and Joel demoed how to build a membership site in Framer, and also gave us a sneak peek under the hood of how they built FramerAuth.
                       </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:16px;text-align:left;color:#9ca3af;">
                       <span style="color: #9ca3af !important; font-size: 12px !important; line-height: 20px !important;">
                        You're 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: 20px !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%252F0100018d5fd352a8-359bf540-d739-4d38-881d-f6ba5fc9a2f8-000000%252F04apizGfwyGqiKRMxjn7_gdZUFSoEzP3Cwwd3kK3_PE%253D338/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3MDY3MDk3NDcuOTU4MzY4OH0:1rVBAZ:5xjvhZglLm9uYKkivlcJ3L9yNku76H0fxOItUYuaF-Y" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>