from Lucid

This email functions as a detailed product newsletter from Lucidchart, focusing specifically on flowchart and process diagramming tips and resources. It is structured with distinct sections including training opportunities, templates, new feature announcements, webinars, and community engagement links, each supported by relevant images and call-to-action links. The tone is informative and encouraging, aimed at helping users enhance their diagramming skills while promoting Lucid's offerings and community.

Subject:

[Newsletter] Better diagrams and flowcharts begin here

Date sent:

September 26, 2024

from

Lucid

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en" style="margin: 0 auto; padding: 0; height: 100%; width: 100%;"> <head> <meta http-equiv="Content-Type" content="text/html charset=UTF-8"> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>[Newsletter] Better diagrams and flowcharts begin here </title>  <style> .x-gmail-data-detectors, .x-gmail-data-detectors *, .aBn { border-bottom: 0 !important; cursor: default !important; } html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; } * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } div[style*="margin: 16px 0"] { margin: 0 !important; } table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; } .link:hover { color: #1071e5 !important; } .link-dark:hover { color: #1071e5 !important; } .link-LC:hover { color: #F96B13 !important; } .link-LS:hover { color: #FF3D3D !important; } .arw { font-family: Georgia !important; font-size: 30px !important; color: #1071E5 !important; font-weight: bold !important; } .button:hover { background-color: #5D646F !important; border: 1px solid #282C33 !important; color: #ffffff !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; } .button2:hover { background-color: #5D646F !important; border: 1px solid #282C33 !important; color: #ffffff !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; } .fadeimg { transition: 0.3s !important; opacity: 1 !important; } .fadeimg:hover { transition: 0.3s !important; opacity: 0.5 !important; } </style> <style> @media (prefers-color-scheme: dark) { .deep-drk-bkgrd { background-color: #23272c !important; } .drk-bkgrd, .hero-bkgrd, .subheader3, .text-CTA-last, .text5, .right-text, .right-col, .bullet-text { background-color: #282C33 !important; } td { color: #ffffff !important; } .colorblock { background-color: #1071E5 !important; } .colorblock2 { background-color: #282C33 !important; } .section-label { background-color: #EDF5FF !important; color: #1071E5 !important; border: 1px solid #EDF5FF !important; } .subheader4 { color: #ffffff !important; } .link, .link-LC, .link-LS, .footer-link { color: #FFFFFF !important; } .link:hover { color: #CFE4FF !important; } .link-dark { color: #282C33 !important; } .button-pad2 { background-color: #282c33 !important; } .button2 { color: #282C33 !important; background-color: #FEFEFE !important; border: 1px solid #FFFFFF !important; } .templates { background-color: #282c33 !important; } .template-subheader { color: #282C33 !important; background-color: #FEFEFE !important; } .template-image { background-color: #FEFEFE !important; } .footer-link { color: #ffffff !important; } .left-image { background-color: #282c33 !important; } .left-col { background-color: #282c33 !important; } .ftr-logo-light { display: none !important; width: 0px !important; max-width: 0px !important; } .ftr-logo-dark { display:block !important; width:80px !important; overflow:visible !important; float:none !important; max-height:inherit !important; max-width:80px !important; line-height:auto !important; margin-top:0px !important; visibility:inherit !important; } } @media screen and (max-width: 480px) { u~div { width: 100% !important; } div>u~div { width: 100% !important; } } </style> <style> @media only screen and (max-width: 680px) { .logo { padding-top: 15px !important; padding-bottom: 0px !important; padding-left: 15px !important; } .logo-img { max-width: 60px !important; padding-left: 15px !important; } .logo-big { padding-top: 20px !important; padding-bottom: 40px !important; padding-left: 0px !important; padding-right: 0px !important; } .logo-big-img { max-width: 200px !important; } .header { font-size: 30px !important; line-height: 1.2 !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 30px !important; padding-bottom: 15px !important; } .subheader1 { font-size: 20px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 5px !important; padding-bottom: 10px !important; line-height: 28px !important; } .subheader3 { font-size: 20px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 0px !important; padding-bottom: 10px !important; } .subheader4 { font-size: 24px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 30px !important; padding-bottom: 10px !important; line-height: 28px !important; } .newsletter-subheader { font-size: 14px !important; padding-left: 0px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 0px !important; text-align: right !important; } .template-subheader { padding-left: 35px !important; padding-right: 35px !important; padding-bottom: 20px !important; font-size: 20px !important; } .intro-text { font-size: 16px !important; line-height: 24px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; max-width: 680px !important; } .text1 { font-size: 16px !important; text-align: left !important; line-height: 24px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 0px !important; padding-bottom: 0px !important; max-width: 680px !important; } .text2 { font-size: 16px !important; text-align: left !important; line-height: 24px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 0px !important; padding-bottom: 20px !important; max-width: 680px !important; } .bullet-text { font-size: 16px !important; text-align: left !important; padding-bottom: 0px !important; padding-top: 0px !important; padding-left: 20px !important; padding-right: 20px !important; } .text5 { font-size: 16px !important; text-align: left !important; line-height: 24px !important; padding-left: 10px !important; padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; max-width: 680px !important; } .text-CTA { font-size: 16px !important; text-align: left !important; padding-left: 20px !important; padding-bottom: 20px !important; padding-top: 0px !important; } .text-CTA-last { font-size: 16px !important; text-align: left !important; padding-bottom: 20px !important; padding-top: 10px !important; padding-left: 20px !important; padding-right: 20px !important; } .link, .link-LS, .link-LC { font-size: 16px !important; font-weight: bold !important; } .templates { display: block !important; width: 100% !important; max-width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 35px !important; padding-right: 35px !important; padding-top: 0px !important; padding-bottom: 30px !important; } .template-image { padding-left: 0px !important; padding-right: 0px !important; display: center !important; } } </style> <style> @media only screen and (max-width: 680px) { .col { padding-left: 40px !important; padding-right: 40px !important; font-size: 16px !important; line-height: 24px !important; } .left-col { padding-left: 20px !important; padding-right: 20px !important; padding-top: 0px !important; max-width: 680px !important; display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: table-footer-group !important; } .right-col { padding-right: 0px !important; padding-left: 0px !important; display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: table-header-group !important; } .right-text { padding-left: 0px !important; padding-right: 0px !important; font-size: 16px !important; line-height: 24px !important; padding-bottom: 0px !important; padding-top: 0px !important; display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .left-image { padding-left: 0px !important; padding-right: 0px !important; display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; padding-bottom: 20px !important; padding-top: 0px !important; text-align: center !important; } .left-text { padding-left: 20px !important; padding-right: 20px !important; font-size: 16px !important; line-height: 24px !important; padding-bottom: 10px !important; padding-top: 0px !important; } .right-image { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 20px !important; padding-right: 20px !important; display: center !important; } .section-label-pad { padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 20px !important; padding-top: 30px !important; } .button { line-height: 24px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px !important; max-width: 158px !important; text-align: center !important; display: block !important; max-width: 680px !important; } .button-pad { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 30px !important; padding-top: 20px !important; } .button2 { line-height: 24px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px !important; max-width: 158px !important; text-align: center !important; display: block !important; max-width: 680px !important; } .button-pad2 { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 30px !important; padding-top: 20px !important; } .img { padding-left: 20px !important; padding-right: 20px !important; padding-top: 0px !important; padding-bottom: 20px !important; text-align: center !important; } .icon { padding-left: 25px !important; padding-top: 15px !important; padding-right: 0px !important; padding-bottom: 0px !important; vertical-align: top !important; } .footer { font-size: 12px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 30px !important; max-width: 680px !important; } } </style> </head> <body width="100%" style="Margin: 0; background-color: #FAFBFC; margin: 0 auto; padding: 0; height: 100%; width: 100%;" class="deep-drk-bkgrd"> <div style="display: none; font-size: 1px; color: #333333; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> All the diagramming tips you didn’t know you needed ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  </div> <div lang="en"> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" bgcolor="#FAFBFC" class="deep-drk-bkgrd"> <tbody> <tr> <td valign="top" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly;"> <center style="width: 100%;"> <div style="max-width: 680px;">  <div style="line-height: 0; background-color: #282C33;"> <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/Newsletter_header_line.png" alt="Newsletter" border="0" width="680" style="width: 100%; max-width: 680px; text-align: bottom; pointer-events: none; padding-bottom: 0px; background-color: #282C33;" class="head-img"> </div> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width: 680px; background-color: #FFFFFF" class="drk-bkgrd" bgcolor="#FFFFFF"> <tbody> <tr> </tr> <tr> <td style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #282C33; mso-height-rule: exactly;"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> <td align="center" valign="middle" style="padding: 0px;" class="hero-bkgrd" width="180"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> <td align="left" valign="middle" width="80" height="100%" style="font-size:0; padding: 35px 24px 0px 60px;" class="logo"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iRlWM_lgnsCe_EQ2ojDdjb1kl7pirEWh1xjKh3OgOFhDKNeXyjIvnrBS3UxTg2AjZbk=" ><img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-White-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="border: 0;width: 80px; max-width: 80px; vertical-align:middle;" class="logo-img"> </a> </td> </tr> </tbody> </table> </td> <td style="padding: 0px 20px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #FFFFFF; mso-height-rule: exactly; width: 60%;" class="newsletter-subheader" width="60%"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> <td align="right" valign="bottom" style="padding: 40px 20px 0px 0px; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; color: #FFFFFF; mso-height-rule: exactly; font-size: 20px; font-weight: 400;" class="newsletter-subheader"><b>September 2024</b> newsletter </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr style="background-color: #282C33;" class="hero-bkgrd" bgcolor="#282C33"> <td style="padding: 40px 60px 20px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; mso-height-rule: exactly; font-size: 58px; line-height: 60px; font-weight: bold; text-align: left; color: #FFFFFF;" class="header" align="left">Calling all diagrammers!</td> </tr> <tr> <td valign="top" style="padding: 10px 60px 40px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; mso-height-rule: exactly; font-size: 20px; background-color: #282C33; color: #ffffff; line-height: 28px;" class="intro-text" bgcolor="#282C33">Because Lucidchart users create more flowcharts and process diagrams than any other type of visual, this newsletter is dedicated to helping you make them even better. </td> </tr> <tr> <td align="left" style="padding: 40px 60px 20px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; vertical-align: top; max-width: 100%;" class="section-label-pad colorblock2" bgcolor="#CFE4FF" valign="top"> <div style="padding: 1px 10px; background: #EDF5FF; border: 1px solid #EDF5FF; text-decoration: none; color: #1071E5; border-radius: 4px; mso-padding-alt: 0; font-size: 16px; font-weight: 700;" class="section-label">  <span style="mso-text-raise: 15pt;">Lucid Training Labs</span>  </div> </td> </tr> <tr> <td align="center" valign="middle" style="padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly;" class="img colorblock2"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZb1qLoxAbxYJewxsT3IwSNFNvf7bl-LcnumybPILtvzvyrR8qtvwaoDA0nKxa5STIs=" ><img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/Training_Labs.png" alt="Featured training" style="border: 0; width: 100%; max-width: 560px; vertical-align: middle;"></a> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">Diagramming Foundations badge </td> </tr> <tr> <td valign="top" style="padding: 0px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Learn the basics of intelligent diagramming in Lucidchart, and earn a badge to showcase your skills as an up-and-coming visualizer of complex systems and processes. </td> </tr> <tr> <td align="left" style="padding: 10px 60px 40px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly; vertical-align: top; background-color: #CFE4FF;" class="button-pad2" valign="top"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZb1qLoxAbxYJewxsT3IwSNFNvf7bl-LcnumybPILtvzvyrR8qtvwaoDA0nKxa5STIs=" style="padding: 10px 40px; background: #282C33; border: 1px solid #282C33; text-decoration: none; color: #ffffff; border-radius: 4px; display: inline-block; mso-padding-alt: 0; font-size: 20px; font-weight: bold;" class="button2" >  <span style="mso-text-raise: 15pt;">Register now</span>  </a> </td> </tr> <tr> <td align="left" style="padding: 40px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #282C33; mso-height-rule: exactly; vertical-align: top; max-width: 100%;" class="section-label-pad colorblock2" bgcolor="#282C33" valign="top"> <div style="padding: 1px 10px; background: #EDF5FF; border: 1px solid #EDF5FF; text-decoration: none; color: #1071E5; border-radius: 4px; mso-padding-alt: 0; font-size: 16px; font-weight: 700;" class="section-label">  <span style="mso-text-raise: 15pt;">Templates</span>  </div> </td> </tr> <tr> <td> <table cellspacing="0" width="100%" role="presentation" style="caption-side:top;width:100%;"> <tbody> <tr> <td class="templates" width="219" max-width="219" align="center" valign="top" style="padding: 30px 19px 20px 60px; width: 100%; max-width: 100%; background-color: #282C33"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tbody> <tr> <td width="219" max-width="219" align="center" valign="top" style="padding: 20px 20px 0px 20px; background-color: #ffffff; font-size: 0px; line-height: 0px; vertical-align: middle; border-top-left-radius: 7px; border-top-right-radius: 7px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iczCUvvVXOcKsXVqRPs59pBLThVYIR_KCkDMK87o6lf5rSQHIgRfEjaNn16fFXWQyyw=" > <img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/Flowchart.png" alt="Flowchart template" border="0" width="219"> </a> </td> </tr> <tr> <td valign="top" style="font-weight: bold; padding: 20px 20px 53px 20px; background-color: #ffffff; font-size: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iczCUvvVXOcKsXVqRPs59pBLThVYIR_KCkDMK87o6lf5rSQHIgRfEjaNn16fFXWQyyw=" style="color: #282C33;" class="link-dark" >Flowchart</a> </td> </tr> </tbody> </table> </td> <td class="templates" width="219" max-width="219" align="center" valign="top" style="padding: 30px 60px 20px 19px; width: 100%; max-width: 100%; background-color: #282C33"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tbody> <tr> <td width="219" max-width="219" align="center" valign="top" style="padding: 20px 20px 0px 20px; background-color: #ffffff; font-size: 0px; line-height: 0px; vertical-align: middle; border-top-left-radius: 7px; border-top-right-radius: 7px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7ibkaomDMI2o2lz8YpWwkpOo1Knnlfdr5gTll9DLcWz1xzFO1aarqxsCwlVgbGinKu4o=" > <img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/Business_process_flow_example.png" alt="Business process flow example template" border="0" width="219"> </a> </td> </tr> <tr> <td valign="top" style="font-weight: bold; padding: 20px 20px 25px 20px; background-color: #ffffff; font-size: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7ibkaomDMI2o2lz8YpWwkpOo1Knnlfdr5gTll9DLcWz1xzFO1aarqxsCwlVgbGinKu4o=" style="color: #282C33;" class="link-dark" >Business process flow example</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="templates" width="219" max-width="219" align="center" valign="top" style="padding: 20px 19px 30px 60px; width: 100%; max-width: 100%; background-color: #282C33"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tbody> <tr> <td width="219" max-width="219" align="center" valign="top" style="padding: 20px 20px 0px 20px; background-color: #ffffff; font-size: 0px; line-height: 0px; vertical-align: middle; border-top-left-radius: 7px; border-top-right-radius: 7px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iRjPOPES5X7kj0Jd5PQVtFVSUDAVYkmnGjZ_SFxxnjA00Z8AFJg9o-jX3A0YkFy9FNA=" > <img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/BPMN_2.0_example.png" alt="BPMN 2.0 example template" border="0" width="219"> </a> </td> </tr> <tr> <td valign="top" style="font-weight: bold; padding: 20px 20px 53px 20px; background-color: #ffffff; font-size: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iRjPOPES5X7kj0Jd5PQVtFVSUDAVYkmnGjZ_SFxxnjA00Z8AFJg9o-jX3A0YkFy9FNA=" style="color: #282C33;" class="link-dark" >BPMN 2.0 example</a> </td> </tr> </tbody> </table> </td> <td class="templates" width="219" max-width="219" align="center" valign="top" style="padding: 20px 60px 30px 19px; width: 100%; max-width: 100%; background-color: #282C33"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tbody> <tr> <td width="219" max-width="219" align="center" valign="top" style="padding: 20px 20px 0px 20px; background-color: #ffffff; font-size: 0px; line-height: 0px; vertical-align: middle; border-top-left-radius: 7px; border-top-right-radius: 7px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZJmUTGX4sOqfuppi-6vk9omzOC5D3l58hJQg0HlJNNxcqNco7z6L94IyBL1MjKXrT4=" > <img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/Current_vs_future_state_flowchart.png" alt="Current vs future state flowchart template" border="0" width="219"> </a> </td> </tr> <tr> <td valign="top" style="font-weight: bold; padding: 20px 20px 25px 20px; background-color: #ffffff; font-size: 20px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZJmUTGX4sOqfuppi-6vk9omzOC5D3l58hJQg0HlJNNxcqNco7z6L94IyBL1MjKXrT4=" style="color: #282C33;" class="link-dark" >Current vs future state flowchart</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" style="padding: 0px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #282c33; color: #FFFFFF; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Want to see more process map templates? </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#282c33"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 40px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 40px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #FFFFFF; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7ib02FvQTpUhcax2yDHyInli7GJMEYlZ8P6pv7NhrqdO-GJTuYkxfVRM38cCq_o0rSLY=" style="color: #FFFFFF; text-align: left;" class="link" >Check out this article</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="left" style="padding: 40px 60px 20px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; vertical-align: top; max-width: 100%;" class="section-label-pad colorblock2" valign="top"> <div style="padding: 1px 10px; background: #EDF5FF; border: 1px solid #EDF5FF; text-decoration: none; color: #1071E5; border-radius: 4px; mso-padding-alt: 0; font-size: 16px; font-weight: 700;" class="section-label">  <span style="mso-text-raise: 15pt;">New features</span>  </div> </td> </tr> <tr> <td align="center" valign="middle" style="padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly;" class="img colorblock2"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iROZ2dC8ihYWlQ93hi__EMfQBlugo8cgUnmB1AkxcmjhO7D5NUvHN01Hy1zV2x758OI=" ><img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/New_features.png" alt="Diagram as code" style="border: 0; width: 100%; max-width: 560px; vertical-align: middle;"></a> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">Diagram as code </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Generate a diagram with Mermaid coding, then preview the diagram as code before embedding it into your Lucid workspace. </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#CFE4FF"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 20px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 20px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #282c33; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iROZ2dC8ihYWlQ93hi__EMfQBlugo8cgUnmB1AkxcmjhO7D5NUvHN01Hy1zV2x758OI=" style="color: #282C33; text-align: left;" class="link" >See how it works</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">Add music to timer </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">When you set a timer in Lucid for a brainstorming or working session, you can now play music for all collaborators while the timer is running. </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#CFE4FF"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 20px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 20px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #282c33; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iWcPVjwWeGuC3oU_8X6T2ldPU9Ctel-6x3-jojOZtV0p73WVgrn6EYmzYfVOE4Z6lcM=" style="color: #282C33; text-align: left;" class="link" >Learn how</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">Conditional formatting updates </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Select or customize a style as part of your conditional formatting rules. You can also create a text color setting. </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#CFE4FF"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 20px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 30px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #282c33; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iVfG879iwG00uodlwdIVXRGEOTvmNFtQY1tDMZy3EfFTtmzysOnv0wBqT2AilBiir4U=" style="color: #282C33; text-align: left;" class="link" >Get the details</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="left" style="padding: 40px 60px 20px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly; vertical-align: top; max-width: 100%;" class="section-label-pad colorblock2" valign="top"> <div style="padding: 1px 10px; background: #EDF5FF; border: 1px solid #EDF5FF; text-decoration: none; color: #1071E5; border-radius: 4px; mso-padding-alt: 0; font-size: 16px; font-weight: 700;" class="section-label">  <span style="mso-text-raise: 15pt;">Webinars</span>  </div> </td> </tr> <tr> <td align="center" valign="middle" style="padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly;" class="img colorblock2"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZYxo_nYZzTlNcxh1RcmQgO6V0fIb9xwHogIuGQB7z14H6B7MdVwxY94vIxiNkZlczc=" ><img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-September/Webinars.png" alt="Webinars" style="border: 0; width: 100%; max-width: 560px; vertical-align: middle;"></a> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">Building effective business process diagrams </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Learn from a Lucid product expert how to build, optimize, and connect data to diagrams in Lucidchart. </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#FFFFFF"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 20px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 20px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #282c33; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iZYxo_nYZzTlNcxh1RcmQgO6V0fIb9xwHogIuGQB7z14H6B7MdVwxY94vIxiNkZlczc=" style="color: #282C33; text-align: left;" class="link" >Watch on demand</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader1 colorblock2" align="left">A look at the next generation of diagramming </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; background-color: #FFFFFF; color: #282c33; mso-height-rule: exactly; font-size: 18px; font-weight: 400;" class="text1 colorblock2">Go beyond the basics and see how you can use intelligent capabilities in Lucid to build next-generation diagrams. </td> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#FFFFFF"> <tbody> <tr> <td width="50" max-width="50" align="center" valign="top" style="padding: 10px 0px 20px 60px;" class="icon colorblock2"> <span class="arw">➔</span> </td> <td align="center" valign="top" style="padding: 10px 40px 30px 15px; width: 100%; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 28px; color: #282c33; text-align: left;" class="text5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iB2jLGYS_bke-hLDgRW1g7i7r_z0zkK0Wg_XlkeOzSiUkUvzX3ZKy9-FrqaLE7CJJ54=" style="color: #282C33; text-align: left;" class="link" >Watch on demand</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="left" style="padding: 40px 60px 0px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF; color: #282c33; mso-height-rule: exactly; vertical-align: top; max-width: 100%;" class="section-label-pad colorblock2" valign="top"> <div style="padding: 1px 10px; background: #EDF5FF; border: 1px solid #EDF5FF; text-decoration: none; color: #1071E5; border-radius: 4px; mso-padding-alt: 0; font-size: 16px; font-weight: 700;" class="section-label">  <span style="mso-text-raise: 15pt;">Lucid Community</span>  </div> </td> </tr> <tr> <td style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; background-color: #CFE4FF color: #282c33; mso-height-rule: exactly;"> <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#CFE4FF"> <tbody> <tr> <td align="center" valign="middle" style="padding: 0px 5px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly;" class="left-col"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> <td align="left" valign="top" style="padding: 30px 0px 10px 60px; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #282c33; mso-height-rule: exactly; font-size: 20px; line-height: 28px; text-align: left; font-weight: bold;" class="subheader3">Ask questions, share solutions</td> </tr> <tr> <td align="left" valign="top" style="padding: 10px 0px 10px 60px; max-width: 224px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; color: #282c33; mso-height-rule: exactly; text-align: left; font-size: 18px;" class="left-text">Have a question or solution for building better diagrams? Share it in the Lucid Community. </td> </tr> <tr> <td valign="top" style="padding: 0px 60px 30px 60px; text-align: left; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; color: #282c33; mso-height-rule: exactly; font-size: 18px;" class="text-CTA" align="left"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iYIQwnAHPBZ-6kfnl_FL-XUCsC0yjzKKu7s9iUuunR7DqSLSM-M_2JhrtqeDiAkE77k=" target="blank" style="color: #282C33; text-align: left;" class="link" >Join the community</a> </td> </tr> </tbody> </table> </td> <td align="center" valign="middle" style="padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly;" class="right-col"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> <td width="260" max-width="260" align="middle" valign="bottom" style="padding: 20px 60px 20px 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly;" class="right-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iYIQwnAHPBZ-6kfnl_FL-XUCsC0yjzKKu7s9iUuunR7DqSLSM-M_2JhrtqeDiAkE77k=" > <img class="fadeimg" src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Newsletters/24-August/lucid-community.png" alt="Lucid Community" border="0" width="260" style="border: 0; width: 260px; max-width: 260px; vertical-align: middle;"> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" style="padding: 40px 60px 10px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #1071E5; color: #FFFFFF; mso-height-rule: exactly; font-size: 46px; line-height: 52px; text-align: left; font-weight: bold;" class="subheader4" align="left">Intelligent diagramming + whiteboarding </td> </tr> <tr> <td valign="top" style="padding: 10px 60px 20px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 28px; color: #FFFFFF; mso-height-rule: exactly; font-size: 18px; font-weight: 400; background-color: #1071E5;" class="text1" bgcolor="#1071E5">Why stop at intelligent diagramming? Upgrade to an Enterprise plan and get a complete solution for diagramming AND virtual whiteboarding. Collaborate visually across your entire workflow. </td> </tr> <tr> <td align="left" style="padding: 10px 60px 60px 60px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; color: #282c33; mso-height-rule: exactly; vertical-align: top; background-color: #1071E5;" class="button-pad" valign="top" bgcolor="#1071E5"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iV8s3yHDMxqDMoOYcbIQSeP2dkJQG_OYYrg1GbKVVKZVm-De_h0nOq-eng0YOgUlDQk=" style="padding: 10px 40px; background: #282C33; border: 1px solid #282C33; text-decoration: none; color: #ffffff; border-radius: 4px; display: inline-block; mso-padding-alt: 0; font-size: 20px; font-weight: bold;" class="button" >  <span style="mso-text-raise: 15pt;">Talk with sales</span>  </a> </td> </tr> <tr style="background-color: #FAFBFC;" class="deep-drk-bkgrd" bgcolor="#FAFBFC"> <td align="left" valign="middle" width="80" height="100%" style="font-size:0; padding: 35px 24px 0px 60px;" class="logo"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iRlWM_lgnsCe_EQ2ojDdjb1kl7pirEWh1xjKh3OgOFhDKNeXyjIvnrBS3UxTg2AjZbk=" ><img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-CG100-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="border: 0;width: 80px; max-width: 80px; vertical-align:middle;" class="ftr-logo-light"> <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-White-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="vertical-align:middle;display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden; " class="ftr-logo-dark"> </a> </td> </tr> <tr style="background-color: #FAFBFC;" class="deep-drk-bkgrd" bgcolor="#FAFBFC"> <td style="padding: 30px 60px 40px 60px; width: 400; font-family: Arial, Helvetica, Verdana, sans-serif; color: #282c33; mso-height-rule: exactly; font-size: 12px; line-height: 18px;" class="footer"><a style="color:#282C33; text-decoration: underline;" href="https://lucid.co/contact/unsubscribe" class="footer-link" >Unsubscribe</a><br><br> Lucid Software Inc.<br> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iYP8_g9QMTjXu7Zyc1nuxdyz0XYuJq-7DnNS3bzqWxGkSnUoOEoQ4VkwkQqk7YPtzkA=" target="_blank" style="text-decoration: none; color: #282c33; cursor: default;" class="footer-link" >10355 South Jordan Gateway, Suite 150<br> South Jordan, UT 84095 USA<br></a></td> </tr> </tbody> </table>  </div> </center> </td> </tr> </tbody> </table> </div> <style data-ignore-inlining> @media (prefers-color-scheme: dark) { #_t::before {content:url('https://hktuo62u.emltrk.com/v2/hktuo62u?rd&i=106295422');}} @media (prefers-color-scheme: light) { #_t::before {content:url('https://hktuo62u.emltrk.com/v2/hktuo62u?rl&i=106295422');}} @media print{ #_t {background-image:url('https://hktuo62u.emltrk.com/v2/hktuo62u?p&i=106295422');}} div.OutlookMessageHeader {background-image:url('https://hktuo62u.emltrk.com/v2/hktuo62u?f&i=106295422')} table.moz-email-headers-table {background-image:url('https://hktuo62u.emltrk.com/v2/hktuo62u?f&i=106295422')} blockquote #_t {background-image:url('https://hktuo62u.emltrk.com/v2/hktuo62u?f&i=106295422')} #MailContainerBody #_t {background-image:url('https://hktuo62u.emltrk.com/v2/hktuo62u?f&i=106295422')} </style> <div id="_t"></div> <img src="https://hktuo62u.emltrk.com/v2/hktuo62u?i=106295422" width="1" height="1" border="0" alt=""> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGVy8i7iVV27L_VzV19as52xUbguGzQJ6u0kgUnDal1Tcy6Jya_b8yR5x4S73W1Eh8fi5OoQyg=" ></a> <img src="https://email.lucid.co/trk?t=1&mid=NzA0LUJFTC0zNjYAAAGVy8i7ibOlFbzTqsoFX_GQkrdIZdeDd2q-E1pKUKpHR_4loTvO_4Q9_Gb71mwK5AhpQHZyYUF7m8sSSh68PQWGkCcxgiu0SSRfR74bWb1SKkBVS0jUy8LXK6rfqTdG5ANyxq2YWEgM5z-3mX-xrHM" width="1" height="1" style="display:none !important;" alt="" />  </body> </html>