Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html dir="auto" lang="en" style="background-color: #fff;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Framer Monthly
  </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: 600px !important;
        }
        
        @media(max-width: 480px) {
          .body-image-mobile-width-40 td { width: 40px !important; } .body-image-mobile-width-560 td { width: 560px !important; }
          .body-image td  { max-width: 100% !important; }
          .body-image img  { box-sizing: border-box; }
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
        
    @media(max-width: 480px) { .column-stack { width: 100% !important; max-width: 100% !important; display: block !important; } .column-stack td,.column-stack th { padding-left: 0 !important; padding-right: 0 !important; } }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }
         
         
         
         
  .ShadowHTML :is(.styleUnquotedContent .unquoted-content, .styleUnquotedContent .sh-unquoted-content, .styleQuotedContent .sh-quoted-content, .sh-signature, .Signature-settings) :is(td.column-container, div[class^="mj-column-per-"]){font-size:0!important}
  html.sh-color :is(td.column-container, div[class^="mj-column-per-"], div.mj-column-per-100.mj-outlook-group-fix){font-size:0!important}
  @media(max-width:480px){
    html.sh-color .column-stack{width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack td,.column-stack th){padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack, .column-stack *){word-break:break-word!important;overflow-wrap:anywhere!important}
    html.sh-color :is(.column-persist, .column-persist *){word-break:break-word!important;overflow-wrap:anywhere!important}
  }
  html.sh-color a[href^="tel:"]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}

         
      .isMarketing { background-color: #fff !important; }
      .isMarketing .styled-primary-column { background-color: #ffffff !important; border-radius: 0px; }
    
         
         [class~="x_social-icon-dark-mode"] { display: none !important; mso-hide:all;  width: 0px !important; padding: 0px !important; }

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a { text-decoration: none; color: #000000; }
    
  
          
          
          .link-unsubscribe { color: #9ca3af !important; }
  </style>
  <meta content="light" name="color-scheme"/>
  <meta content="light" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:#ffffff;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   From On-Page Editing to Project Transfers and improved Analytics, collaboration in Framer got a major upgrade this month. We’ve also expanded design control with Text Highlights and a new Overflow value, solving smooth scrolling, sticky positioning, and more. Let’s break it down.
  </div>
  <div class="email-body" dir="auto" lang="en" style="background-color:#ffffff;">
   <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F01000198f55d0088-a129ad1d-3eec-4a72-af5d-ec992c7ef206-000000%252F7NptXChkotN8L5-bTxn5Hr_I_gJAeiiyxYbM0i1cDB8%253D420/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3NTY0NjMxNzEuNjk0Nzg5Mn0:1urwJ9:3PkP87VC2F-SkShJcL_GVszRBNGzAMRRnBvp4aP9VFg" style="display: none; width: 1px; height: 1px;"/>
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­
   </div>
   <!--[if mso]><style type="text/css"> a { text-decoration: underline !important; } .button a { text-decoration: none !important; } .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="center" border="0" cellpadding="0" cellspacing="0" class="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="wfix gmail-no-padding wrapper" style="margin:0px auto;max-width:600px;">
    <table align="center" 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="center" 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="center" 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="center" 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%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:#ffffff;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-40" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:40px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmer2zjf31iok3w0ihvzzuxcg.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1Mzk3fQ:1urwJ9:qT2vh8y7J-z_37O3Crf_ASnS7ywq3CXAlszuqRialQg" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="40"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         From On-Page Editing to Project Transfers and improved Analytics, collaboration in Framer got a major upgrade this month. We’ve also expanded design control with Text Highlights and a new Overflow value, solving smooth scrolling, sticky positioning, and more. Let’s break it down.
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                         <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                          On-Page Editing
                         </span>
                        </a>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing On-Page Editing. A powerful new way to update Framer sites, right in the browser. This major release makes it possible for anyone on your team, whether designer, developer, marketer, or editor, to make content updates directly from the live site. From static pages to CMS content, every editable element is just a click away.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Watch the video
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmetpmxwg0b6m0i0iy904h4tn.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1NTYxMn0:1urwJ9:fmJQcdfNVE2NUPUEzOS-RzeWzIFkGktGmOHrW_TwmJk" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Overflow Value: Clip
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        The August Update brings a new default Overflow value to all layers:
                       </span>
                       <span class="code" style="font-family: monospace; background-color: rgb(243, 244, 246, 0.75); padding: 1px 4px; font-size: 14px; white-space: pre-wrap; line-height: 22px !important; font-size: 14px !important;">
                        Clip
                       </span>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        . This value fixes all known smooth scrolling issues, all while letting you still clip the contents of your layers. It even provides performance benefits over other Overflow values, like
                       </span>
                       <span class="code" style="font-family: monospace; background-color: rgb(243, 244, 246, 0.75); padding: 1px 4px; font-size: 14px; white-space: pre-wrap; line-height: 22px !important; font-size: 14px !important;">
                        Hidden
                       </span>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        . Plus, it seamlessly works with Sticky positioning, without requiring any changes.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Learn more here
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmevccm4v9be7wc0i9eu57l2i.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1NjcyNX0:1urwJ9:7XwpRMsrUzsi87G2f8CzPYRZOPTWHBi1yuQERKh3RnQ" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Analytics Improvements
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        This update brings several improvements to our built-in Analytics, from viewing engagement on specific Pages or CMS Items, to identifying visited URLs that result in a 404, to tracking custom interactions in Code. The latter opens up new possibilities for tracking your site, such as adding tracking in custom Components or capturing specific interactions, like when hovering a layer.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Find all details here
                        </span>
                        <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                         .
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmes86k826yj41n0ide2lraq2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1Nzc0OH0:1urwJ9:IiRgAi_1F90oXJ0-IZT-_xac6uIUWnI2CA6JnBxusB4" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Text Highlights
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        This release adds new properties to Link Styles, Text Layers, and Text Styles: Fill, Radius, and Padding. Combined, these allow you to make Links that feel like buttons, without needing any wrapping Frames or Stacks, nor Components. We’ve also redesigned the Link Styles UI in the process, making it feel more approachable while actually containing more properties for each interactive state. Plus, these new properties also work on any Text Selection, even if you have Text Styles applied, letting you design highlights for copy or headings.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Learn more here
                        </span>
                        <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                         .
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmer5usab0064500ied0q3ffe.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1ODczNX0:1urwJ9:Z0-1C-5WMwgpGM9DLsbE3BmT5nHZOjK0ykED2SxswZ8" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Project Transfers
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        We’re introducing Project Transfers, a seamless way to hand off your projects to clients or anyone else. This update makes it easy to move a full site into another workspace with just a few clicks and no downtime. You can design an entire site, complete with a domain, forms, locales, and more, and then transfer it to your client. They’ll receive an email with clear instructions on how to accept the transfer and ensure everything is set up correctly.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Read more
                        </span>
                        <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                         .
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmer5se6a6q4q400ifu18ht4y.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk1OTc0Nn0:1urwJ9:BLnmsF83YhgSh-uuc-4nitVu-1pZYLCmsoWvEFHxivk" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Mentions in Comments
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Comments in Framer got an update. You can now easily tag your team members and project collaborators using @-mentions. Alongside mentions, we reworked the entire commenting feature. You find a cleaner, more intuitive interface with improved pins, a new panel design, streamlined comment actions, and redesigned emails. Enjoy collaborating with your team!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmer3o9sh01570k0ii1tfl8qr.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk2MDY4M30:1urwJ9:IjW1Cf-BnRNgvB0i5sC8r8bVw0ktIjjHXGdAsO2PdpI" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Font and Icon Drops
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        New playful display
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Fonts
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        are now available in the Open Source category of the Font Picker—perfect for kickstarting your next project or adding character to your designs. Alongside this, the new
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Basicon
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        icon set introduces over 600 versatile line-based icons to the Insert Panel, covering everything from UI and arrows to people, media, maps, and brands. With rounded linecaps for a friendly look, customizable stroke width and color, and full scalability, these icons are ready to fit any design in Framer.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-560" 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:560px;">
                          <a style="text-decoration: none; color: #000000;" target="_blank">
                           <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmer2zjc61ioj3w0ixwu4cuky%252Fcmevccupn0zu5zj0imdq8ijxp.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NTY0NjMxNzEuNjk2MTkwOH0:1urwJ9:yuKDM8GsqjzH8GgTK0ECczBiCq6D8IpKvW54b-esshM" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <br/>
                       <br/>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        That’s a wrap on August! We’re already cooking up the next round of updates and can’t wait to show you what’s coming. Drop us your thoughts over on
                       </span>
                       <span class="dark-force" style="color: #444; line-height: 22px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline dark-force" style="color: #000000; font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         X
                        </span>
                       </a>
                       <span class="underline dark-force" style="color: #000000; font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                        !
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: none; color: #000000;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Johannes
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:ui-sans-serif, sans-serif;font-size:12px;letter-spacing:0px;line-height:19px !important;text-align:left;color:#9ca3af;">
                       <span class="opt-in-explanation" style="color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;">
                        You are receiving this email because you opted-in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                        <br/>
                        <a class="bold link-unsubscribe" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 19px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
 </body>
</html>