Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="notranslate" name="google"/>
  <link href="/newsletter.css" rel="stylesheet"/>
  <!--[if !mso]><!-->
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <!--[if (gte mso 9)|(IE)]>
  <xml>
  <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
  </xml>
  <![endif]-->
  <!--[if (gte mso 9)|(IE)]>
  <style type="text/css">
    body {width: 600px;margin: 0 auto;}
    table {border-collapse: collapse;}
    table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
    img {-ms-interpolation-mode: bicubic;}
  </style>
  <![endif]-->
  <style>
   /* -------------------------------------
        GLOBAL RESETS
    ------------------------------------- */
    img {
        border: none;
        -ms-interpolation-mode: bicubic;
        max-width: 100%;
    }
    
    body {
        color: #293845;
        background-color: #EDF1F5;
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        font-size: 15px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }
    
    table {
        border-collapse: separate;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        width: 100%;
    }
    
    table td {
        font-family: sans-serif;
        font-size: 15px;
        line-height: 1.4;
        vertical-align: top;
        color: #293845;
    }
    
    
    /* -------------------------------------
        BODY & CONTAINER
    ------------------------------------- */
    
    .body {
        background-color: #EDF1F5;
        width: 100%;
    }
    
    /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
    .container {
        display: block;
        margin: 0 auto !important;
        padding: 32px;
    }
    
    /* This should also be a block element, so that it will fill 100% of the .container */
    .content {
        display: block;
        margin: 0 auto;
        max-width: 576px;
        padding: 0;
    }
    
    /* -------------------------------------
        HEADER, FOOTER, MAIN
    ------------------------------------- */
    
    .logo td {
        padding-top: 16px;
        padding-bottom: 4px;
    }
    
    .logo img {
        width: 166px;
        height: 28px;
    }
    
    .main {
        background: #ffffff;
        border-radius: 3px;
        width: 100%;
    }
    
    .wrapper {
        padding: 16px 32px 32px;
    }
    
    .content-block {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .footer {
        clear: both;
        margin-top: 10px;
        text-align: center;
        width: 100%; }
    .footer td,
    .footer p,
    .footer span,
    .footer a {
        color: #788896;
        font-size: 13px;
        text-align: center; }
    .footer a:hover { color: #4B5C6B; }
    
    .social-icons { width: auto; }
    
    .social-cell { padding: 5px 5px 0 5px; }
    
    .social-link { display:inline-block; }
    
    .social-icon {
        width: 40px;
        height: 40px;
    }
    
    .help-links li {
        display: inline-block;
        margin: 4px 8px 12px;
        text-align: center;
    }
    .help-links a {
        color: #8313DD !important;
        font-size: 15px; 
        font-weight: bold;
        text-decoration: none;
    }
    .help-links a:hover { color: #5F06A7 !important; }
    
    .email-info { padding-bottom: 16px; }
    .email-info span {
        color: #788896;
        font-size: 13px;
        margin-top: 4px;
    }
    .email-info span a:link { color: #788896; }
    .email-info span a:hover { color: #4B5C6B; }
    
    
    /* -------------------------------------
        TYPOGRAPHY
    ------------------------------------- */
    h1,
    h2,
    h3,
    h4 {
        color: #000000;
        font-family: arial, sans-serif;
        font-weight: bold;
        line-height: 1.4;
        margin: 0;
        margin-bottom: 15px;
    }
    
    h1 {
        font-size: 25px;
        line-height: 34px;
    }
    
    h2 {
        font-size: 20px;
        line-height: 28px;
    }
    
    p,
    ul,
    ol {
        font-family: sans-serif;
        font-size: 15px;
        font-weight: normal;
        margin: 0;}
    
    p {
        margin-top: 15px;
    }
    
    ul, ol {
        margin-top: 5px;
        padding-left: 20px;}
    
    ul li,
    ol li {
        margin: 5px 0 0 0;}
    
    a {
        color: #8313DD;
        text-decoration: underline; }
        
    a:hover { color: #5F06A7; }
    
    a.cta-link {
        display: block;
        font-weight: bold;
        margin-top:16px;
        text-decoration: none;
    }
    
    .keep-together { margin-bottom: 5px; }
    
    
    /* -------------------------------------
        BUTTONS
    ------------------------------------- */
    .btn {
        width: 100%;
    }
    
    .btn > tbody > tr > td {
        padding-bottom: 10px;
    }
    
    .btn table {
        width: auto;
    }
    
    .btn table td {
        background-color: #31B6A8;
        border-radius: 3px;
        text-align: center;
    }
    
    .btn a {
        border: 1px solid #31B6A8;
        background-color: #31B6A8;
        border-radius: 3px;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
        font-weight: bold;
        margin: 0;
        padding: 11px 20px;
        text-decoration: none;
    }
    
    .btn-violet table td {
        background-color: #8313DD;
    }
    
    .btn-violet a {
        background-color: #8313DD;
        border: 1px solid #8313DD;
        color: #ffffff;
    }
    
    .btn-blue table td {
        background-color: #2C88D9;
    }
    
    .btn-blue a {
        background-color: #2C88D9;
        border: 1px solid #2C88D9;
        color: #ffffff;
    }
    
    
    /* -------------------------------------
        OTHER STYLES THAT MIGHT BE USEFUL
    ------------------------------------- */
    .last {
        margin-bottom: 0; }
    
    .first {
        margin-top: 0; }
    
    .align-center {
        text-align: center; }
    
    .align-right {
        text-align: right; }
    
    .align-left {
        text-align: left; }
    
    .clear {
        clear: both; }
    
    .mt0 {
        margin-top: 0; }
    
    .mb0 {
        margin-bottom: 0; }
    
    .preheader {
        color: transparent;
        display: none;
        height: 0;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        mso-hide: all;
        visibility: hidden;
        width: 0; }
    
    .powered-by a {
        text-decoration: none; }
    
    hr {
        border: 0;
        border-bottom: 2px solid #DFE7ED;
        margin: 30px 0;
    }

    

  /* -------------------------------------
  RESPONSIVE AND MOBILE FRIENDLY STYLES
  ------------------------------------- */
  @media only screen and (max-width: 620px) {
    table.body .container {
      padding: 10px !important;
      width: auto !important;
    }
    table.body .content {
      padding: 0 !important;
    }
    table.body .wrapper {
      padding: 0 20px 20px !important;
    }
    table.body .hide-mobile {
      display: none;
    }
    table.body .logo  td {
      padding-top: 24px !important;
    }
    table.body .btn table {
      width: 100% !important;
    }
    table.body .btn a {
      display: block !important;
    }
  }

  /* -------------------------------------
      PRESERVE THESE STYLES IN THE HEAD
  ------------------------------------- */
  @media all {
    .ExternalClass {
      width: 100%;
    }

    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }

    .apple-link a {
      color: inherit !important;
      font-family: inherit !important;
      font-size: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
      text-decoration: none !important;
    }

    .btn table td:hover {
      background-color: #1AAE9F !important;
    }

    .btn a:hover {
      background-color: #1AAE9F !important;
      border-color: #1AAE9F !important;
    }

    .btn-violet table td:hover {
      background-color: #7B13D1 !important;
    }

    .btn-violet a:hover {
      background-color: #7B13D1 !important;
      border-color: #7B13D1 !important;
    }
  }
  </style>
 </head>
 <body bgcolor="#EDF1F5" class="" style="color: #293845; background-color: #EDF1F5; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 1.4; margin: 0; padding: 0;">
  <div style="display: none; max-height: 0px; overflow: hidden; mso-hide:all;">
   What Workspace Admins need to know
  </div>
  <div style="display: none; max-height: 0px; overflow: hidden; mso-hide:all;">
   ‌ ‌ ‌
  </div>
  <table bgcolor="#EDF1F5" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #EDF1F5;">
   <tbody>
    <tr>
     <td class="hide-mobile" style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845;" valign="top">
     </td>
     <td class="container" style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845; display: block; margin: 0 auto; padding: 32px;" valign="top">
      <div class="content" style="display: block; max-width: 576px; margin: 0 auto; padding: 0;">
       <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #ffffff; border-radius: 3px;">
        <tbody>
         <tr>
          <td class="wrapper" style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845; padding: 16px 32px 32px;" valign="top">
           <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
            <tbody>
             <tr>
              <td style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845;" valign="top">
               <table border="0" cellpadding="0" cellspacing="0" class="logo" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                <tbody>
                 <tr>
                  <td align="left" style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845; padding-top: 16px; padding-bottom: 4px;" valign="top">
                   <a style="color: #8313DD; text-decoration: underline;">
                    <img height="28" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Femail-logo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1poSgO:AaMNia2HzYgcNSFVEduQHcb4la3ZZi-t6D25bIYczSg" style="-ms-interpolation-mode: bicubic; max-width: 100%; width: 166px; height: 28px; border: none;" width="166"/>
                   </a>
                  </td>
                 </tr>
                </tbody>
               </table>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                👋  Hi Sarah,
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                Starting April 24, we will be making changes to Whimsical’s free Starter plan. This will affect your workspace:
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                <b>
                 Marketing team
                </b>
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
               </p>
               <h3 style="color: #000000; font-family: arial, sans-serif; font-weight: bold; line-height: 1.4; margin: 0 0 15px;">
                What you need to know
               </h3>
               <ul style="font-family: sans-serif; font-size: 15px; font-weight: normal; padding-left: 20px; margin: 5px 0 0;">
                <li style="margin: 5px 0 0;">
                 <b>
                  Reduced permissions controls.
                 </b>
                 Setting Editor and Viewer permissions for workspace members is now a Pro feature.
                </li>
                <li style="margin: 5px 0 0;">
                 <b>
                  Up to 3 shared boards.
                 </b>
                 Team members can collaborate on up to 3 shared boards in their workspace. Unlimited creation, without item limits, is available for independently created boards under ‘My Files’.
                </li>
               </ul>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                <b>
                 For a limited time, you can get 20% off new annual Pro plans for the first 12 months.
                </b>
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                <a style="background-color: #8313DD; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; color: #ffffff; border-radius: 3px; display: inline-block; mso-padding-alt: 0; padding: 12px 20px;" target="_blank">
                 <span style="mso-text-raise: 14pt;">
                  Upgrade to Pro
                 </span>
                </a>
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                <br/>
                <img alt="whimsical" src="https://inboxflows.com/_/image/%2520https%253A%252F%252Fuserimg-assets-eu.customeriomail.com%252Fimages%252Fclient-env-110224%252F1681210570953_My%2520files%2520and%2520team%2520explanation_01GXQZAYW2WAF1EXD2KTHX1A32.png/?inbox_flows_img_sig=eyJwYXRoIjoiJTIwaHR0cHMlM0ElMkYlMkZ1c2VyaW1nLSJ9:1poSgO:E5W4PB_85mE7rLYW29lZFlCeRJW82AC2S6fM0ZZC9zU" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: none;" title="Image: https://userimg.customeriomail.com/BvrO9EqTdS6BVCxNUwTb_file-2Xzg4XiIuV.png"/>
                <img alt="" src="" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: none;" width="600"/>
               </p>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
        </tbody>
       </table>
       <!-- START FOOTER -->
       <div align="center" class="footer" style="clear: both; margin-top: 10px; text-align: center; width: 100%;">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
         <tbody>
          <tr>
           <td align="center" class="content-block" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; padding-bottom: 10px; padding-top: 10px; text-align: center;" valign="top">
            <table align="center" class="social-icons" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
             <tbody>
              <tr>
               <td align="center" class="social-cell" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; text-align: center; padding: 5px 5px 0;" valign="top">
                <a class="social-link" style="color: #788896; font-size: 13px; text-align: center; display: inline-block; text-decoration: underline;" target="_blank" title="Twitter">
                 <img alt="Twitter" class="social-icon" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Ftwitter-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1poSgO:AaMNia2HzYgcNSFVEduQHcb4la3ZZi-t6D25bIYczSg" style="-ms-interpolation-mode: bicubic; max-width: 100%; width: 40px; height: 40px; border: none;"/>
                </a>
               </td>
               <td align="center" class="social-cell" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; text-align: center; padding: 5px 5px 0;" valign="top">
                <a class="social-link" style="color: #788896; font-size: 13px; text-align: center; display: inline-block; text-decoration: underline;" target="_blank" title="LinkedIn">
                 <img alt="LinkedIn" class="social-icon" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Flinkedin-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1poSgO:AaMNia2HzYgcNSFVEduQHcb4la3ZZi-t6D25bIYczSg" style="-ms-interpolation-mode: bicubic; max-width: 100%; width: 40px; height: 40px; border: none;"/>
                </a>
               </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
          <tr>
           <td align="center" class="content-block help-links" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; padding-bottom: 10px; padding-top: 10px; text-align: center;" valign="top">
            <ul style="font-family: sans-serif; font-size: 15px; font-weight: normal; padding-left: 20px; margin: 5px 0 0;">
             <li style="display: inline-block; text-align: center; margin: 4px 8px 12px;">
              <a style="color: #8313DD !important; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;">
               Community
              </a>
             </li>
             <li style="display: inline-block; text-align: center; margin: 4px 8px 12px;">
              <a style="color: #8313DD !important; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;">
               Templates
              </a>
             </li>
             <li style="display: inline-block; text-align: center; margin: 4px 8px 12px;">
              <a style="color: #8313DD !important; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;">
               Support
              </a>
             </li>
            </ul>
           </td>
          </tr>
          <tr>
           <td align="center" class="content-block email-info" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; padding-bottom: 16px; padding-top: 10px; text-align: center;" valign="top">
            <span style="color: #788896; font-size: 13px; text-align: center; margin-top: 4px;">
             The email was sent to 6db23ad1@uifeed.com.
             <br/>
             <a style="color: #788896; font-size: 13px; text-align: center; text-decoration: underline;" title="Manage email preferences.">
              Update your email preferences
             </a>
             in Whimsical or
             <a style="color: #788896; font-size: 13px; text-align: center; text-decoration: underline;" title="Unsubscribe from all marketing email.">
              unsubscribe
             </a>
             from all marketing messages.
            </span>
           </td>
          </tr>
          <tr>
           <td align="center" class="content-block email-info" style="font-family: sans-serif; font-size: 13px; line-height: 1.4; vertical-align: top; color: #788896; padding-bottom: 16px; padding-top: 10px; text-align: center;" valign="top">
            <span style="color: #788896; font-size: 13px; text-align: center; margin-top: 4px;">
             Whimsical, Inc.
             <br/>
             1630 Welton Street, 7th Floor
             <br/>
             Denver, CO 80202
            </span>
           </td>
          </tr>
         </tbody>
        </table>
       </div>
       <!-- END FOOTER -->
       <div class="unsubscribe">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
         <tbody>
          <tr>
           <td style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845;" valign="top">
            <div align="center" data-role="module-unsubscribe" data-type="unsubscribe" style="color: #9eadba; font-size: 12px; line-height: 20px; text-align: center; padding: 0px 0px 18px;">
            </div>
           </td>
          </tr>
         </tbody>
        </table>
       </div>
      </div>
     </td>
     <td class="hide-mobile" style="font-family: sans-serif; font-size: 15px; line-height: 1.4; vertical-align: top; color: #293845;" valign="top">
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu32640161.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253D3oYmm2zh2-2FfC4dev0yJ4zeNnp-2FOhCBtGKKvvMn-2BFjrOLsElqxyd7sEb8dg-2BPdieMI5ScMml4d1uDR7KVTFvVevnEuOA4u7TPSed0TovlP8axPEvlXvwT38V6NZafRQUHhcMFWOzLJGrHTOQ3HISN6-2Fn-2FcG-2FV6kVCGssdg2kixVcKq40sWZnHYLHFVvn7nGJjQA-2BVdXmQLQGD1IaGFdQuOfUmhUAO3g0TeHBmaZn4lPGm9bLp0PoPF5If0qF5jaNWetYQLMUBtWqsXLbYfiDj3dK2FxVC5-2B2YCSaiCYQyJLDiRBezXOC5qs1gQPgrVoMt/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1MzI2NDAxNjEuYyJ9:1poSgO:CqPftTucTWma_n5yF1HEc5zr3N9pMNYVkuGEwtCwGSI" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>