Inboxes

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

+New inbox

<!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: #999999;
        font-size: 12px;
        text-align: center; }
    
    .social-icons {
        width: auto;
    }
    
    .social-cell {
        padding: 5px 5px 0 5px;
    }
    
    .social-link {
        display:inline-block;
    }
    
    .social-icon {
        width: 40px;
        height: 40px;
    }
    
    .email-info span {
        color: #788896;
        font-size: 13px;
        margin-top: 4px;
    }
    
    /* -------------------------------------
        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: #3498db;
        text-decoration: underline; }
    
    .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;
    }
    
    .random-fact {
        background-color:#DFE7ED;
        padding: 15px;
    }
    
    /*- unsubscribe */
    
    .unsubscribe {
    }
    
    .unsubscribe-link {
        color: #9187f6;
        font-size: 12px;
    }
  
  /* -------------------------------------
  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;">
   We wanted to reach out and let you know that we have updated the Terms of Service and Privacy Notice for our visual collaboration products.
  </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: #3498db; 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:1pybi3:v13mV1UcSajauzhEkoagBNvhHbcvLr5LKkUeUdpZx4w" 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,
                <br/>
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                We wanted to reach out and let you know about changes we’ve made to our
                <a style="color: #3498db; text-decoration: underline;">
                 Master Services
                </a>
                Agreement,
                <a style="color: #3498db; text-decoration: underline;">
                 Terms of Service
                </a>
                ,
                <a style="color: #3498db; text-decoration: underline;">
                 Privacy Notice
                </a>
                , and
                <a style="color: #3498db; text-decoration: underline;">
                 Data Processing
Addendum
                </a>
                .
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                Here are the key changes and improvements we’ve made:
               </p>
               <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;">
                 We’ve added
                 <a style="color: #3498db; text-decoration: underline;">
                  Master Services Agreement terms
                 </a>
                 that govern the usage of Whimsical in connection with businesses and organizations separately from personal use.
                </li>
                <li style="margin: 5px 0 0;">
                 We’ve updated our Terms of Service and Privacy Notice to reflect the launch of our AI features (“Whimsical AI”). The use of Whimsical AI is subject to our
                 <a style="color: #3498db; text-decoration: underline;">
                  Whimsical AI Supplementary
Terms
                 </a>
                 .
                </li>
                <li style="margin: 5px 0 0;">
                 We’ve updated our
                 <a style="color: #3498db; text-decoration: underline;">
                  Data Processing Addendum
                 </a>
                 to reflect adoption of the California Privacy Rights Act, which amends the existing California Consumer Privacy Act.
                </li>
                <li style="margin: 5px 0 0;">
                 We’ve updated our Privacy Notice and Terms of Service to clarify Workspace and Customer Content ownership as it relates to Organization Workspaces.
                </li>
                <li style="margin: 5px 0 0;">
                 We’ve updated our Privacy Notice such that information applicable to individuals who are residents of certain US states or are located in the European Economic Area, United Kingdom, and Switzerland has been moved to our
                 <a style="color: #3498db; text-decoration:
underline;">
                  Regional Privacy Notice Supplement
                 </a>
                 . Within the Regional Privacy Notice Supplement, we’ve updated our CPRA personal information categories to reflect current practices.
                </li>
               </ul>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                These changes are effective May 15, 2023 and automatically become part of our contract with you. By continuing to use Whimsical you are agreeing to be bound by the new Terms of Use, Master Services Agreement, and Data Processing Addendum. As always, don’t hesitate to reach out to
                <a style="color: #3498db; text-decoration: underline;">
                 privacy@whimsical.com
                </a>
                if you have any questions or concerns.
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                Thanks,
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal;
margin: 15px 0 0;">
                The Whimsical Team
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
               </p>
               <p style="font-family: sans-serif; font-size: 15px; font-weight: normal; margin: 15px 0 0;">
                PS:
                <i>
                 This is a legal notice that we have to send to you even if you have opted out of Whimsical marketing and promotional emails.
                </i>
               </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: 12px; line-height: 1.4; vertical-align: top; color: #999999; 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: 12px; line-height: 1.4; vertical-align: top; color: #999999; text-align: center; padding: 5px 5px 0;" valign="top">
                <a class="social-link" style="color: #999999; font-size: 12px; 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:1pybi3:v13mV1UcSajauzhEkoagBNvhHbcvLr5LKkUeUdpZx4w" 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: 12px; line-height: 1.4; vertical-align: top; color: #999999; text-align: center; padding: 5px 5px 0;" valign="top">
                <a class="social-link" style="color: #999999; font-size: 12px; 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:1pybi3:v13mV1UcSajauzhEkoagBNvhHbcvLr5LKkUeUdpZx4w" 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 email-info" style="font-family: sans-serif; font-size: 12px; line-height: 1.4; vertical-align: top; color: #999999; padding-bottom: 10px; padding-top: 10px; text-align: center;" valign="top">
            <span class="apple-link" 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-2BPdieMI5ScMml4d1uDR7KVTFvVesbKUPQWPZ7a4x9bR4izRaL1rDnalzZjDGpz0wf7CZKLbIDhLFK2d8PJdPzKQq7xvlnjz1LPmd6ntZboIr0FVAPlf61LJ3jbscUBr8zNcCgYXh7m3tk0c044-2FaOE4GdW34cyEt41BJepwTUas8-2BbTkyw-2FpreCqHOJ6-2BcjJd06anl-2FdalzdJrDTPaa2IrMFVw75Nem827f-2FukmkyluQbC3VXU-2B6pju3xhJ1xe-2F0h1jVpv/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1MzI2NDAxNjEuYyJ9:1pybi3:7rEr7YPSaRrAGnNQUVfhqsffV7B4BSc7y3hfzAq4iy8" 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>