CINXE.COM

<!doctype html><html lang="en"><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Create a free email signature template with our easy-to-use generator. It works with HubSpot, Gmail, Outlook, Apple Mail, Yahoo Mail, and more."> <meta property="og:title" content="Free Email Signature Template Generator by HubSpot"> <meta name="twitter:description" content="Create a free email signature template with our easy-to-use generator. It works with HubSpot, Gmail, Outlook, Apple Mail, Yahoo Mail, and more."> <meta name="twitter:title" content="Free Email Signature Template Generator by HubSpot"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="preload" href="https://www.hubspot.com/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png" as="image" type="image/svg+xml" crossorigin> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/159673819657/1730802913003/module_159673819657_esg-mobile-view.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/80992946022/1729692153681/_Web_Team_Assets/Component_Modules/assets/section.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80990896713/1731505482414/module_80990896713_sectionHeader.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80991154561/1731505473174/module_80991154561_multiRow.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80991154568/1731505474552/module_80991154568_singleImage.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80992206951/1731505468796/module_80992206951_featureList.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80991154560/1731505472907/module_80991154560_multiColumnContent.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/180020414506/1727862781918/_Web_Team_Assets/Component_Modules/hs-components/v3/css/grid.min.css"> <link rel="canonical" href="https://www.hubspot.com/email-signature-generator">   <meta property="twitter:account_id" content="14458280"> <meta name="msvalidate.01" content="C5553ABFC995043D86E2C15CA3DADD34"> <meta name="p:domain_verify" content="7f4fa0f1fccc171fd4d5af64f062521c"> <meta http-equiv="content-language" content="en-US"> <meta property="fb:pages" content="6039999393">  <meta name="theme-color" content="#FF7A59"> <meta name="twitter:card" content="summary_large_image">  <script defer src="https://www.hubspot.com/wt-assets/static-files/compliance/index.js" type="text/javascript" data-gtm-id="GTM-N5LT88" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <link href="//static2cdn.hubspot.com/hubspot.com/static-1.4742/_hsg-ss/build/icons/hsg-icons.css" rel="stylesheet"> <link href="//www.hubspot.com/wt-assets/static-files/5.0.5/styleguide/styles.css" rel="stylesheet">    <style> :root,.-light,.-white,.-dark{--cl-anchor-text-decoration: underline;--cl-anchor-color-dark: #5fa3d4;--cl-anchor-hover-color-dark: #88bde3}:root,[data-cl-theme=light],[data-background=white],[data-background=off-white],.-white,.-light{--cl-color-background-01: #ffffff;--cl-color-background-02: #f6f9fc;--cl-color-background-03: #fef4ea;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #192733;--cl-color-border-02: #7691ad;--cl-color-border-03: #dbe4ed;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #0068b1;--cl-color-container-01: #ffffff;--cl-color-container-02: #f6f9fc;--cl-color-container-03: #eaf0f6;--cl-color-container-inverse-01: #192733;--cl-color-disabled-01: #99afc4;--cl-color-disabled-02: #eaf0f6;--cl-color-disabled-03: #dbe4ed;--cl-color-divider-01: #dbe4ed;--cl-color-error-01: #cf2738;--cl-color-focus-01: #0068b1;--cl-color-hover-01: #eaf0f6;--cl-color-hover-02: #eaf0f6;--cl-color-hover-03: #b6c7d6;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #2e475d;--cl-color-hover-link-01: #005fa3;--cl-color-hover-link-02: #2e475d;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #213343;--cl-color-icon-02: #516f90;--cl-color-icon-on-color-01: #ffffff;--cl-color-link-01: #0068b1;--cl-color-link-02: #213343;--cl-color-pressed-01: #b6c7d6;--cl-color-pressed-02: #b6c7d6;--cl-color-pressed-03: #99afc4;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #3e5974;--cl-color-pressed-link-01: #005896;--cl-color-pressed-link-02: #516f90;--cl-color-success-01: #1f7d3d;--cl-color-text-01: #213343;--cl-color-text-02: #2e475d;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #ffffff;--cl-color-text-placeholder-01: #516f90;--cl-anchor-color: var(--cl-color-link-01, #0068b1);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #005fa3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #005896);--cl-text-color: var(--cl-color-text-01, #213343)}[data-cl-theme=dark],[data-background=dark],.-dark{--cl-color-background-01: #192733;--cl-color-background-02: #213343;--cl-color-background-03: #213343;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #ffffff;--cl-color-border-02: #7691ad;--cl-color-border-03: #3e5974;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #ffffff;--cl-color-container-01: #192733;--cl-color-container-02: #213343;--cl-color-container-03: #2e475d;--cl-color-container-inverse-01: #ffffff;--cl-color-disabled-01: #607d9c;--cl-color-disabled-02: #2e475d;--cl-color-disabled-03: #3e5974;--cl-color-divider-01: #3e5974;--cl-color-error-01: #f7818c;--cl-color-focus-01: #5fa3d4;--cl-color-hover-01: #2e475d;--cl-color-hover-02: #2e475d;--cl-color-hover-03: #3e5974;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #b6c7d6;--cl-color-hover-link-01: #88bde3;--cl-color-hover-link-02: #b6c7d6;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #ffffff;--cl-color-icon-02: #b6c7d6;--cl-color-icon-on-color-01: #192733;--cl-color-link-01: #5fa3d4;--cl-color-link-02: #ffffff;--cl-color-pressed-01: #3e5974;--cl-color-pressed-02: #3e5974;--cl-color-pressed-03: #516f90;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #99afc4;--cl-color-pressed-link-01: #9ec8e6;--cl-color-pressed-link-02: #99afc4;--cl-color-success-01: #4fb06d;--cl-color-text-01: #ffffff;--cl-color-text-02: #b6c7d6;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #192733;--cl-color-text-placeholder-01: #99afc4;--cl-anchor-color: var(--cl-color-link-01, #5fa3d4);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #88bde3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #9ec8e6);--cl-text-color: var(--cl-color-text-01, #ffffff)}:root,[data-cl-brand=hubspot-2022]{--cl-font-family: "Lexend Deca", sans-serif;--cl-font-family-display: "Queens Medium", serif;--cl-font-size-blockquote: 1.125rem;--cl-font-size-display-01-small: 2.25rem;--cl-font-size-display-01: 3.75rem;--cl-font-size-display-02-small: 2.125rem;--cl-font-size-display-02: 3rem;--cl-font-size-display-03-small: 2rem;--cl-font-size-display-03: 2.5rem;--cl-font-size-h1-small: 2.25rem;--cl-font-size-h1: 3rem;--cl-font-size-h2-small: 1.625rem;--cl-font-size-h2: 2rem;--cl-font-size-h3: 1.5rem;--cl-font-size-h4: 1.375rem;--cl-font-size-h5: 1.125rem;--cl-font-size-h6: 1rem;--cl-font-size-input-label: 0.875rem;--cl-font-size-microcopy: 0.75rem;--cl-font-size-microheading: 0.875rem;--cl-font-size-p-large: 1.125rem;--cl-font-size-p-medium: 1rem;--cl-font-size-p-small: 0.875rem;--cl-font-weight-blockquote: 300;--cl-font-weight-display-01-small: 500;--cl-font-weight-display-01: 500;--cl-font-weight-display-02-small: 500;--cl-font-weight-display-02: 500;--cl-font-weight-display-03-small: 500;--cl-font-weight-display-03: 500;--cl-font-weight-h1-small: 600;--cl-font-weight-h1: 500;--cl-font-weight-h2-small: 600;--cl-font-weight-h2: 600;--cl-font-weight-h3: 500;--cl-font-weight-h4: 500;--cl-font-weight-h5: 600;--cl-font-weight-h6: 500;--cl-font-weight-input-label: 500;--cl-font-weight-microcopy: 500;--cl-font-weight-microheading: 600;--cl-font-weight-p-large: 300;--cl-font-weight-p-medium: 300;--cl-font-weight-p-small: 300;--cl-font-weight-p-link: 500;--cl-line-height-blockquote: 1.78;--cl-line-height-display-01-small: 1.27777778;--cl-line-height-display-01: 1.13333333;--cl-line-height-display-02-small: 1.23529412;--cl-line-height-display-02: 1.20833333;--cl-line-height-display-03-small: 1.25;--cl-line-height-display-03: 1.2;--cl-line-height-h1-small: 1.27777778;--cl-line-height-h1: 1.25;--cl-line-height-h2-small: 1.375;--cl-line-height-h2: 1.375;--cl-line-height-h3: 1.41666667;--cl-line-height-h4: 1.45454545;--cl-line-height-h5: 1.55555556;--cl-line-height-h6: 1.75;--cl-line-height-input-label: 1.57142857;--cl-line-height-microcopy: 1.66666667;--cl-line-height-microheading: 1.57142857;--cl-line-height-p-large: 1.77777778;--cl-line-height-p-medium: 1.75;--cl-line-height-p-small: 1.57142857} </style>  <meta property="og:image" content="https://www.hubspot.com/hubfs/tools/email-signature-generator/feature-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"> <meta name="twitter:image" content="https://www.hubspot.com/hubfs/tools/email-signature-generator/feature-image.png"> <meta property="og:url" content="https://www.hubspot.com/email-signature-generator"> <meta name="twitter:card" content="summary_large_image"> <meta http-equiv="content-language" content="en"> <link rel="stylesheet" href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/424656211/1593536432415/Custom/page/custom-stylemanager/Hubspot_Style_Guide.min.css"> <script type="application/ld+json" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> { "@context": "https://schema.org/", "@type": "WebApplication", "name": "Email Signature Generator", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "ratingCount": "10444" }, "applicationCategory": "BusinessApplication", "browserRequirements": "Requires JavaScript", "offers": { "@type": "Offer", "price": "0" } } </script> <script type="application/ld+json" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "How do I use this tool?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Select the template you want to apply to your email signature.</li><li>Input your email signature details, such as your name, email address, phone number, etc.</li><li>Stylize your signature.</li><li>Upload any images you want to display in your email signature.</li><li>Once you're done editing your signature, click the Create Signature button to confirm your signature details and unlock it for use.</li></ol>" } }, { "@type": "Question", "name": "How do I get my signature from this tool into my email client?", "acceptedAnswer": { "@type": "Answer", "text": "Once you've unlocked your email signature, use the \"Copy\" calls-to-action to copy the signature or the source code." } }, { "@type": "Question", "name": "How do I add my new email signature to HubSpot?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Copy the source code from Email Signature Template Generator.</li><li>Log in to your account and click your account name in the top right corner. Then, select Profile & Preferences.</li><li>Scroll down to the Signature section and select the Edit signature option on the right.</li><li>Select the HTML option on the top right and paste the code generated by Email Signature Template Generator into the text box.</li><li>Click Save.</li></ol>" } }, { "@type": "Question", "name": "How do I add my new email signature to Gmail?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Log in to your Gmail account, then click the cog in the top right corner.</li><li>Select Settings from the drop down menu.</li><li>Scroll down until you reach the email signature editor, then paste your new email signature there.</li><li>Scroll to the bottom of the page and click 'save changes'.</li></ol>" } }, { "@type": "Question", "name": "How do I add my new email signature to Outlook?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Log in to your Outlook account and select the Home Tab> New Email</li><li>Click the Message tab</li><li>In the Include group section, select Signature > Signatures</li><li>In the Choose Default Signature section, be sure to select the account you would like to associate with the signature from the e-mail account dropdown</li><li>In the Select Signature to Edit section, click the New button and name your signature</li><li>In the Edit Signature section, paste in your HubSpot generated signature and select OK</li></ol>" } }, { "@type": "Question", "name": "How do I add my new email signature to Apple Mail?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Open the Mail application and log in to your account.</li><li>Click Mail and then Preferences in the top left corner of your screen.</li><li>From the preferences pop-up, click the Signatures tab.</li><li>Click the + button at the bottom of the middle column.</li><li>Paste your new email signature into the right-hand column and make sure to uncheck the checkbox that states, \"always match my default message font.\"</li><li>Close the pop-up window to save.</li></ol>" } }, { "@type": "Question", "name": "How do I add my new email signature to Yahoo Mail?", "acceptedAnswer": { "@type": "Answer", "text": "<ol><li>Log in to your Yahoo Mail account and select Settings > More Settings.</li><li>On the left side of the screen, select \"Writing email\" and then locate the Signature header.</li><li>If you have multiple Yahoo Mail accounts, use the toggle to toggle on the account you want to customize your email signature for.</li><li>Paste your new email signature into the text box to save it.</li></ol>" } }, { "@type": "Question", "name": "I'm on mobile - how do create my email signature?", "acceptedAnswer": { "@type": "Answer", "text": "Email Signature Template Generator is currently a desktop-only tool. This helps us ensure that you are getting the best signature editing experience possible. If you are on mobile, follow the instructions to email the tool to yourself for use on desktop later." } }, { "@type": "Question", "name": "Why doesn't my email signature look as expected?", "acceptedAnswer": { "@type": "Answer", "text": "If your signature doesn't look as expected, here are some solutions to try:<p><ol><li>On mobile: Almost every email signature template will display as expected on both mobile and desktop, with the exception of template 3. If you're using template 3, remove any images (headshot and logo) to ensure an optimized mobile display.</li><li>Try using a different web browser to create your signature. Some web browsers don't copy the formatting along with the text and this changes with each update of the browsers.</li><li>Some email clients require you to copy the source code vs. the email signature itself for uploading. If your signature isn't displaying properly, try copying and uploading the source code instead.</li></ol></p>" } } ] } </script> <link rel="alternate" href="https://www.hubspot.com/email-signature-generator" hreflang="x-default"> <link rel="alternate" href="https://www.hubspot.com/email-signature-generator" hreflang="en"> <link rel="alternate" href="https://www.hubspot.es/email-signature-generator" hreflang="es"> <link rel="alternate" href="https://www.hubspot.fr/email-signature-generator" hreflang="fr-FR"> <link rel="alternate" href="https://www.hubspot.de/email-signature-generator" hreflang="de-DE"> <link rel="alternate" href="https://www.hubspot.jp/email-signature-generator" hreflang="ja-JP"> <link rel="alternate" href="https://br.hubspot.com/email-signature-generator" hreflang="pt-BR"> <meta charset="utf-8"> <title>Free Email Signature Template Generator by HubSpot</title> <meta name="description" content="Create a free email signature template with our easy-to-use generator. It works with HubSpot, Gmail, Outlook, Apple Mail, Yahoo Mail, and more."> <link rel="preload" href="https://cdn2.hubspot.net/hubfs/53/tools/fonts/Queens-Medium.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn2.hubspot.net/hubfs/53/tools/fonts/LexendDeca-Medium.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn2.hubspot.net/hubfs/53/tools/hubspot-tools-logo.svg" as="image" type="image/svg+xml" crossorigin> <link rel="preload" href="https://www.hubspot.com/hubfs/tools/email-signature-generator/splash/social-proof/brafton-logo.svg" as="image" type="image/svg+xml" crossorigin> <style id="esg-critical-css"> *,*::before,*::after{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}object,img{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}figure{margin:0}blockquote{margin:0}ul,ol{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}table tr,table th,table td{margin:0;padding:0;border:0}@media(prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:1ms !important;transition-delay:0ms !important}} .visually-hidden:not(:focus,:active){border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px} .cl-button:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01, #0068b1)}.cl-button{--cl-button-background: var(--cl-color-hubspot-brand-01, #ff5c35);--cl-button-hover-background: var(--cl-color-hover-brand-01, #e04826);--cl-button-pressed-background: var(--cl-color-pressed-brand-01, #b3361d);--cl-button-disabled-background: var(--cl-color-disabled-02, #eaf0f6);--cl-button-border-color: transparent;--cl-button-border-width: 2px;--cl-button-border: var(--cl-button-border-width) solid var(--cl-button-border-color);--cl-button-color: var(--cl-color-text-on-color-01, #ffffff);--cl-button-hover-color: var(--cl-button-color);--cl-button-pressed-color: var(--cl-button-hover-color);--cl-button-disabled-color: var(--cl-color-disabled-01, #99afc4);--cl-button-font-size: 1rem;--cl-button-line-height: 1.75;--cl-button-padding: 0.75rem 1.5rem;background:var(--cl-button-background);border:var(--cl-button-border);border-radius:8px;color:var(--cl-button-color);cursor:pointer;display:inline-block;font-size:var(--cl-button-font-size);font-weight:500;line-height:var(--cl-button-line-height);padding:var(--cl-button-padding);text-align:center;text-decoration:none;transition:.15s background-color linear,.15s color linear}.cl-button:hover,.cl-button:focus-visible{background:var(--cl-button-hover-background);border:var(--cl-button-border);color:var(--cl-button-hover-color);text-decoration:none}.cl-button:active{background:var(--cl-button-pressed-background);border:var(--cl-button-border);color:var(--cl-button-pressed-color)}[aria-disabled=true].cl-button,.cl-button:disabled,.-disabled.cl-button{background:var(--cl-button-disabled-background);color:var(--cl-button-disabled-color);border-color:rgba(0,0,0,0);cursor:not-allowed}.high-contrast .cl-button{color:var(--cl-button-color)}.high-contrast .cl-button:hover,.high-contrast .cl-button:focus-visible{color:var(--cl-button-hover-color)}.high-contrast .cl-button:active{color:var(--cl-button-pressed-color)}.cl-button.-primary{--cl-button-background: #ff5c35;--cl-button-hover-background: #e04826;--cl-button-pressed-background: #b3361d;--cl-button-color: #ffffff}.high-contrast .cl-button.-primary{--cl-button-background: #180bb1;--cl-button-hover-background: #caebff;--cl-button-pressed-background: var(--cl-button-hover-background);--cl-button-hover-color: #180bb1}.cl-button.-primaryDark,.cl-button.-dark.-primary{--cl-button-background: #ffffff;--cl-button-hover-background: #b6c7d6;--cl-button-pressed-background: #99afc4;--cl-button-color: #192733}.high-contrast .cl-button.-primaryDark,.high-contrast .cl-button.-dark.-primary{--cl-button-hover-color: var(--cl-button-color)}.cl-button.-secondary{--cl-button-background: #ffffff;--cl-button-hover-background: #ffebe6;--cl-button-pressed-background: #ffcec2;--cl-button-border-color: currentColor;--cl-button-color: #ff5c35;--cl-button-hover-color: var(--cl-color-hover-brand-01, #e04826);--cl-button-pressed-color: var(--cl-color-pressed-brand-01, #b3361d)}.high-contrast .cl-button.-secondary{--cl-button-background: #edf8ff;--cl-button-hover-background: #caebff;--cl-button-pressed-background: var(--cl-button-hover-background);--cl-button-color: #180bb1;--cl-button-hover-color: var(--cl-button-color);--cl-button-pressed-color: var(--cl-button-hover-color)}.cl-button.-secondaryDark,.cl-button.-dark.-secondary{--cl-button-background: #192733;--cl-button-hover-background: #2e475d;--cl-button-pressed-background: #3e5974;--cl-button-border-color: #ffffff;--cl-button-color: #ffffff;--cl-button-hover-color: var(--cl-button-color);--cl-button-pressed-color: var(--cl-button-hover-color)}.cl-button.-tertiary{--cl-button-background: var(--cl-color-container-inverse-01, #192733);--cl-button-hover-background: var(--cl-color-hover-inverse-01, #2e475d);--cl-button-pressed-background: var(--cl-color-pressed-inverse-01, #3e5974);--cl-button-color: var(--cl-color-text-on-color-01, #ffffff)}.cl-button.-small{--cl-button-font-size: 0.875rem;--cl-button-line-height: 1.57142857;--cl-button-padding: 0.5rem 1rem}.cl-button.-medium{--cl-button-font-size: 1rem;--cl-button-line-height: 1.75;--cl-button-padding: 0.75rem 1.5rem}.cl-button.-large{--cl-button-font-size: 1.125rem;--cl-button-line-height: 1.77777778;--cl-button-padding: 1rem 2.5rem} .cl-textLink:focus-visible,.cl-textLink>a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01, #0068b1)}.-large.cl-textLink{--cl-text-font-size: var(--cl-font-size-p-large, 1.125rem);--cl-text-font-weight: var(--cl-font-weight-p-large, 300);--cl-text-line-height: var(--cl-line-height-p-large, 1.77777778);--cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)}.-medium.cl-textLink{--cl-text-font-size: var(--cl-font-size-p-medium, 1rem);--cl-text-font-weight: var(--cl-font-weight-p-medium, 300);--cl-text-line-height: var(--cl-line-height-p-medium, 1.75);--cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)}.-small.cl-textLink{--cl-text-font-size: var(--cl-font-size-p-small, 0.875rem);--cl-text-font-weight: var(--cl-font-weight-p-small, 300);--cl-text-line-height: var(--cl-line-height-p-small, 1.57142857);--cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)}.cl-textLink{font-size:var(--cl-text-font-size, 1rem);font-weight:var(--cl-text-font-weight, 300);line-height:var(--cl-text-line-height, 1.75);letter-spacing:var(--cl-text-letter-spacing, normal)}.cl-textLink,.cl-textLink>a{color:var(--cl-anchor-color, #0068b1);font-weight:var(--cl-anchor-font-weight, 500);text-decoration:var(--cl-anchor-text-decoration, underline)}.cl-textLink:focus-visible,.cl-textLink>a:focus-visible,.cl-textLink:hover,.cl-textLink>a:hover{color:var(--cl-anchor-hover-color, #005fa3)}.cl-textLink:active,.cl-textLink>a:active{color:var(--cl-anchor-pressed-color, #005896)}.cl-textLink-icon{fill:currentColor;width:1rem;height:1rem}.cl-textLink.-small .cl-textLink-icon{width:.875rem;height:.875rem}.cl-textLink{background:none;border:none;border-radius:8px;padding:0;display:inline-flex;align-items:center;gap:.5rem}.cl-textLink:where(a[href],button){cursor:pointer}[disabled].cl-textLink,[aria-disabled=true].cl-textLink,.cl-textLink:is(a:not([href])){cursor:not-allowed;color:var(--cl-color-disabled-01, #99afc4);pointer-events:none}[disabled].cl-textLink:active,[aria-disabled=true].cl-textLink:active,.cl-textLink:is(a:not([href])):active{color:var(--cl-color-disabled-01, #99afc4)}.cl-textLink.-small{font-size:.875rem;line-height:1.57142857}.cl-textLink.-large{font-size:1.125rem;line-height:1.77777778} :root { --purple-100: #34388c; --neutral-60: #a65f14; --red-15: #faa0a9; --teal-100: #054d4d; --neutral-50: #b36715; --red-05: #ffd9dd; --green-90: #14592a; --gray-90: #213343; --neutral-40: #d18534; --green-80: #186932; --gray-80: #2e475d; --neutral-30: #e09f5a; --green-70: #1c7338; --orange-15: #ff974d; --gray-70: #3e5974; --violet-100: #850d63; --neutral-20: #ebb57c; --green-i-dark: #387d4e; --tangerine-15: #ffa994; --green-60: #1f7d3d; --orange-05: #ffdbc1; --gray-60: #516f90; --tangerine-05: #ffebe6; --green-50: #2a8c49; --gray-50: #607d9c; --violet-90: #990f72; --neutral-10: #fcead7; --green-40: #339c54; --gray-40: #7691ad; --violet-80: #ad1181; --green-100: #104d23; --green-30: #4fb06d; --gray-30: #99afc4; --violet-70: #bd138d; --gray-100: #192733; --teal-90: #065757; --green-20: #7bc492; --gray-20: #b6c7d6; --purple-90: #3a3f9e; --violet-60: #c7309c; --teal-80: #076666; --white: #ffffff; --green-10: #cae7d3; --gray-10: #eaf0f6; --purple-80: #4348b0; --violet-50: #ce4eaa; --blue-90: #00518a; --purple-70: #4e54c2; --violet-40: #d667b7; --neutral-15: #f2c99d; --teal-70: #087070; --neutral-100: #663704; --blue-80: #005896; --purple-60: #5c62d6; --violet-30: #de81c5; --neutral-05: #fef4ea; --teal-60: #0b8484; --blue-70: #005fa3; --purple-50: #7075db; --violet-20: #e69cd2; --teal-50: #0b8f8f; --blue-60: #0068b1; --purple-40: #8589e0; --violet-10: #ebb8dd; --teal-40: #0da8a8; --blue-50: #267ebd; --green-15: #a3d9b4; --gray-15: #dbe4ed; --purple-30: #999de8; --pink-90: #9e1140; --teal-30: #0fbfbf; --blue-40: #408ec5; --green-05: #daf2e2; --gray-05: #f6f9fc; --purple-20: #afb3ed; --pink-80: #b8164c; --teal-20: #57d2d2; --blue-30: #5fa3d4; --purple-10: #ced0f3; --pink-70: #cf1b57; --yellow-90: #754200; --teal-10: #b7ecec; --blue-20: #88bde3; --pink-60: #e32061; --yellow-80: #804b00; --tangerine-100: #7a2312; --blue-10: #b2d1e7; --orange-100: #733000; --violet-15: #e8a9d7; --pink-50: #f62d71; --yellow-70: #8c5200; --yellow-i-dark: #d49134; --red-90: #a11f2c; --violet-05: #fadcf2; --pink-40: #f54781; --yellow-60: #9e5d02; --red-80: #bf2434; --pink-30: #f86295; --yellow-50: #b06802; --red-70: #cf2738; --purple-15: #bdc0f0; --pink-20: #fa91b4; --yellow-40: #b87004; --red-100: #821923; --teal-15: #85dede; --red-60: #e02b3d; --purple-05: #e1e2fa; --pink-10: #fcc0d4; --yellow-30: #cc7c04; --orange-90: #823803; --teal-05: #cef2f2; --blue-15: #9ec8e6; --red-50: #ed2d40; --tangerine-90: #8c2915; --yellow-20: #e69722; --orange-80: #913e03; --blue-05: #d2e8f7; --yellow-100: #663a00; --red-40: #f24657; --tangerine-80: #9e2f19; --yellow-10: #ffcd78; --orange-70: #a34603; --red-30: #f56271; --tangerine-70: #b3361d; --orange-60: #b54f05; --orange-i-dark: #cc6d29; --red-20: #f7818c; --pink-100: #820e35; --tangerine-60: #d44325; --orange-50: #c75808; --red-10: #fbc0c6; --tangerine-50: #e04826; --pink-15: #fca9c5; --orange-40: #d95f09; --tangerine-40: #f05129; --pink-05: #ffd9e5; --orange-30: #e66910; --neutral-90: #804506; --tangerine-30: #ff5c35; --yellow-15: #ffbc4b; --orange-20: #ff8933; --neutral-80: #8c4c08; --tangerine-20: #ff7a59; --yellow-05: #ffebc9; --blue-100: #00497d; --orange-10: #ffa766; --neutral-70: #99550c; --tangerine-10: #ffcec2; --black: #000000; } :root,.-light,.-white,.-dark{--cl-anchor-text-decoration: underline;--cl-anchor-color-dark: #5fa3d4;--cl-anchor-hover-color-dark: #88bde3}:root,[data-cl-theme=light],[data-background=white],[data-background=off-white],.-white,.-light{--cl-color-background-01: #ffffff;--cl-color-background-02: #f6f9fc;--cl-color-background-03: #fef4ea;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #192733;--cl-color-border-02: #7691ad;--cl-color-border-03: #dbe4ed;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #0068b1;--cl-color-container-01: #ffffff;--cl-color-container-02: #f6f9fc;--cl-color-container-03: #eaf0f6;--cl-color-container-inverse-01: #192733;--cl-color-disabled-01: #99afc4;--cl-color-disabled-02: #eaf0f6;--cl-color-disabled-03: #dbe4ed;--cl-color-divider-01: #dbe4ed;--cl-color-error-01: #cf2738;--cl-color-focus-01: #0068b1;--cl-color-hover-01: #eaf0f6;--cl-color-hover-02: #eaf0f6;--cl-color-hover-03: #b6c7d6;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #2e475d;--cl-color-hover-link-01: #005fa3;--cl-color-hover-link-02: #2e475d;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #213343;--cl-color-icon-02: #516f90;--cl-color-icon-on-color-01: #ffffff;--cl-color-link-01: #0068b1;--cl-color-link-02: #213343;--cl-color-pressed-01: #b6c7d6;--cl-color-pressed-02: #b6c7d6;--cl-color-pressed-03: #99afc4;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #3e5974;--cl-color-pressed-link-01: #005896;--cl-color-pressed-link-02: #516f90;--cl-color-success-01: #1f7d3d;--cl-color-text-01: #213343;--cl-color-text-02: #2e475d;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #ffffff;--cl-color-text-placeholder-01: #516f90;--cl-anchor-color: var(--cl-color-link-01, #0068b1);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #005fa3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #005896);--cl-text-color: var(--cl-color-text-01, #213343)}[data-cl-theme=dark],[data-background=dark],.-dark{--cl-color-background-01: #192733;--cl-color-background-02: #213343;--cl-color-background-03: #213343;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #ffffff;--cl-color-border-02: #7691ad;--cl-color-border-03: #3e5974;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #ffffff;--cl-color-container-01: #192733;--cl-color-container-02: #213343;--cl-color-container-03: #2e475d;--cl-color-container-inverse-01: #ffffff;--cl-color-disabled-01: #607d9c;--cl-color-disabled-02: #2e475d;--cl-color-disabled-03: #3e5974;--cl-color-divider-01: #3e5974;--cl-color-error-01: #f7818c;--cl-color-focus-01: #5fa3d4;--cl-color-hover-01: #2e475d;--cl-color-hover-02: #2e475d;--cl-color-hover-03: #3e5974;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #b6c7d6;--cl-color-hover-link-01: #88bde3;--cl-color-hover-link-02: #b6c7d6;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #ffffff;--cl-color-icon-02: #b6c7d6;--cl-color-icon-on-color-01: #192733;--cl-color-link-01: #5fa3d4;--cl-color-link-02: #ffffff;--cl-color-pressed-01: #3e5974;--cl-color-pressed-02: #3e5974;--cl-color-pressed-03: #516f90;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #99afc4;--cl-color-pressed-link-01: #9ec8e6;--cl-color-pressed-link-02: #99afc4;--cl-color-success-01: #4fb06d;--cl-color-text-01: #ffffff;--cl-color-text-02: #b6c7d6;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #192733;--cl-color-text-placeholder-01: #99afc4;--cl-anchor-color: var(--cl-color-link-01, #5fa3d4);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #88bde3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #9ec8e6);--cl-text-color: var(--cl-color-text-01, #ffffff)}:root,[data-cl-brand=hubspot-2022]{--cl-font-family: "Lexend Deca", sans-serif;--cl-font-family-display: "Queens Medium", serif;--cl-font-size-blockquote: 1.125rem;--cl-font-size-display-01-small: 2.25rem;--cl-font-size-display-01: 3.75rem;--cl-font-size-display-02-small: 2.125rem;--cl-font-size-display-02: 3rem;--cl-font-size-display-03-small: 2rem;--cl-font-size-display-03: 2.5rem;--cl-font-size-h1-small: 2.25rem;--cl-font-size-h1: 3rem;--cl-font-size-h2-small: 1.625rem;--cl-font-size-h2: 2rem;--cl-font-size-h3: 1.5rem;--cl-font-size-h4: 1.375rem;--cl-font-size-h5: 1.125rem;--cl-font-size-h6: 1rem;--cl-font-size-input-label: 0.875rem;--cl-font-size-microcopy: 0.75rem;--cl-font-size-microheading: 0.875rem;--cl-font-size-p-large: 1.125rem;--cl-font-size-p-medium: 1rem;--cl-font-size-p-small: 0.875rem;--cl-font-weight-blockquote: 300;--cl-font-weight-display-01-small: 500;--cl-font-weight-display-01: 500;--cl-font-weight-display-02-small: 500;--cl-font-weight-display-02: 500;--cl-font-weight-display-03-small: 500;--cl-font-weight-display-03: 500;--cl-font-weight-h1-small: 600;--cl-font-weight-h1: 500;--cl-font-weight-h2-small: 600;--cl-font-weight-h2: 600;--cl-font-weight-h3: 500;--cl-font-weight-h4: 500;--cl-font-weight-h5: 600;--cl-font-weight-h6: 500;--cl-font-weight-input-label: 500;--cl-font-weight-microcopy: 500;--cl-font-weight-microheading: 600;--cl-font-weight-p-large: 300;--cl-font-weight-p-medium: 300;--cl-font-weight-p-small: 300;--cl-font-weight-p-link: 500;--cl-line-height-blockquote: 1.78;--cl-line-height-display-01-small: 1.27777778;--cl-line-height-display-01: 1.13333333;--cl-line-height-display-02-small: 1.23529412;--cl-line-height-display-02: 1.20833333;--cl-line-height-display-03-small: 1.25;--cl-line-height-display-03: 1.2;--cl-line-height-h1-small: 1.27777778;--cl-line-height-h1: 1.25;--cl-line-height-h2-small: 1.375;--cl-line-height-h2: 1.375;--cl-line-height-h3: 1.41666667;--cl-line-height-h4: 1.45454545;--cl-line-height-h5: 1.55555556;--cl-line-height-h6: 1.75;--cl-line-height-input-label: 1.57142857;--cl-line-height-microcopy: 1.66666667;--cl-line-height-microheading: 1.57142857;--cl-line-height-p-large: 1.77777778;--cl-line-height-p-medium: 1.75;--cl-line-height-p-small: 1.57142857} .visually-hidden:not(:focus,:active){border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root,.-light,.-white,.-dark{--cl-anchor-text-decoration: underline;--cl-anchor-color-dark: #5fa3d4;--cl-anchor-hover-color-dark: #88bde3}:root,[data-cl-theme=light],[data-background=white],[data-background=off-white],.-white,.-light{--cl-color-background-01: #ffffff;--cl-color-background-02: #f6f9fc;--cl-color-background-03: #fef4ea;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #192733;--cl-color-border-02: #7691ad;--cl-color-border-03: #dbe4ed;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #0068b1;--cl-color-container-01: #ffffff;--cl-color-container-02: #f6f9fc;--cl-color-container-03: #eaf0f6;--cl-color-container-inverse-01: #192733;--cl-color-disabled-01: #99afc4;--cl-color-disabled-02: #eaf0f6;--cl-color-disabled-03: #dbe4ed;--cl-color-divider-01: #dbe4ed;--cl-color-error-01: #cf2738;--cl-color-focus-01: #0068b1;--cl-color-hover-01: #eaf0f6;--cl-color-hover-02: #eaf0f6;--cl-color-hover-03: #b6c7d6;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #2e475d;--cl-color-hover-link-01: #005fa3;--cl-color-hover-link-02: #2e475d;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #213343;--cl-color-icon-02: #516f90;--cl-color-icon-on-color-01: #ffffff;--cl-color-link-01: #0068b1;--cl-color-link-02: #213343;--cl-color-pressed-01: #b6c7d6;--cl-color-pressed-02: #b6c7d6;--cl-color-pressed-03: #99afc4;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #3e5974;--cl-color-pressed-link-01: #005896;--cl-color-pressed-link-02: #516f90;--cl-color-success-01: #1f7d3d;--cl-color-text-01: #213343;--cl-color-text-02: #2e475d;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #ffffff;--cl-color-text-placeholder-01: #516f90;--cl-anchor-color: var(--cl-color-link-01, #0068b1);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #005fa3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #005896);--cl-text-color: var(--cl-color-text-01, #213343)}[data-cl-theme=dark],[data-background=dark],.-dark{--cl-color-background-01: #192733;--cl-color-background-02: #213343;--cl-color-background-03: #213343;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #ffffff;--cl-color-border-02: #7691ad;--cl-color-border-03: #3e5974;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #ffffff;--cl-color-container-01: #192733;--cl-color-container-02: #213343;--cl-color-container-03: #2e475d;--cl-color-container-inverse-01: #ffffff;--cl-color-disabled-01: #607d9c;--cl-color-disabled-02: #2e475d;--cl-color-disabled-03: #3e5974;--cl-color-divider-01: #3e5974;--cl-color-error-01: #f7818c;--cl-color-focus-01: #5fa3d4;--cl-color-hover-01: #2e475d;--cl-color-hover-02: #2e475d;--cl-color-hover-03: #3e5974;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #b6c7d6;--cl-color-hover-link-01: #88bde3;--cl-color-hover-link-02: #b6c7d6;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #ffffff;--cl-color-icon-02: #b6c7d6;--cl-color-icon-on-color-01: #192733;--cl-color-link-01: #5fa3d4;--cl-color-link-02: #ffffff;--cl-color-pressed-01: #3e5974;--cl-color-pressed-02: #3e5974;--cl-color-pressed-03: #516f90;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #99afc4;--cl-color-pressed-link-01: #9ec8e6;--cl-color-pressed-link-02: #99afc4;--cl-color-success-01: #4fb06d;--cl-color-text-01: #ffffff;--cl-color-text-02: #b6c7d6;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #192733;--cl-color-text-placeholder-01: #99afc4;--cl-anchor-color: var(--cl-color-link-01, #5fa3d4);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #88bde3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #9ec8e6);--cl-text-color: var(--cl-color-text-01, #ffffff)}:root,[data-cl-brand=hubspot-2022]{--cl-font-family: "Lexend Deca", sans-serif;--cl-font-family-display: "Queens Medium", serif;--cl-font-size-blockquote: 1.125rem;--cl-font-size-display-01-small: 2.25rem;--cl-font-size-display-01: 3.75rem;--cl-font-size-display-02-small: 2.125rem;--cl-font-size-display-02: 3rem;--cl-font-size-display-03-small: 2rem;--cl-font-size-display-03: 2.5rem;--cl-font-size-h1-small: 2.25rem;--cl-font-size-h1: 3rem;--cl-font-size-h2-small: 1.625rem;--cl-font-size-h2: 2rem;--cl-font-size-h3: 1.5rem;--cl-font-size-h4: 1.375rem;--cl-font-size-h5: 1.125rem;--cl-font-size-h6: 1rem;--cl-font-size-input-label: 0.875rem;--cl-font-size-microcopy: 0.75rem;--cl-font-size-microheading: 0.875rem;--cl-font-size-p-large: 1.125rem;--cl-font-size-p-medium: 1rem;--cl-font-size-p-small: 0.875rem;--cl-font-weight-blockquote: 300;--cl-font-weight-display-01-small: 500;--cl-font-weight-display-01: 500;--cl-font-weight-display-02-small: 500;--cl-font-weight-display-02: 500;--cl-font-weight-display-03-small: 500;--cl-font-weight-display-03: 500;--cl-font-weight-h1-small: 600;--cl-font-weight-h1: 500;--cl-font-weight-h2-small: 600;--cl-font-weight-h2: 600;--cl-font-weight-h3: 500;--cl-font-weight-h4: 500;--cl-font-weight-h5: 600;--cl-font-weight-h6: 500;--cl-font-weight-input-label: 500;--cl-font-weight-microcopy: 500;--cl-font-weight-microheading: 600;--cl-font-weight-p-large: 300;--cl-font-weight-p-medium: 300;--cl-font-weight-p-small: 300;--cl-font-weight-p-link: 500;--cl-line-height-blockquote: 1.78;--cl-line-height-display-01-small: 1.27777778;--cl-line-height-display-01: 1.13333333;--cl-line-height-display-02-small: 1.23529412;--cl-line-height-display-02: 1.20833333;--cl-line-height-display-03-small: 1.25;--cl-line-height-display-03: 1.2;--cl-line-height-h1-small: 1.27777778;--cl-line-height-h1: 1.25;--cl-line-height-h2-small: 1.375;--cl-line-height-h2: 1.375;--cl-line-height-h3: 1.41666667;--cl-line-height-h4: 1.45454545;--cl-line-height-h5: 1.55555556;--cl-line-height-h6: 1.75;--cl-line-height-input-label: 1.57142857;--cl-line-height-microcopy: 1.66666667;--cl-line-height-microheading: 1.57142857;--cl-line-height-p-large: 1.77777778;--cl-line-height-p-medium: 1.75;--cl-line-height-p-small: 1.57142857}*,*::before,*::after{box-sizing:border-box}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}object,img{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}figure{margin:0}blockquote{margin:0}ul,ol{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}table tr,table th,table td{margin:0;padding:0;border:0}@media(prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:1ms !important;transition-delay:0ms !important}}.visually-hidden:not(:focus,:active){border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@font-face{font-display:swap;font-family:"Lexend Deca";font-weight:300;src:url("https://www.hubspot.com/hubfs/tools/fonts/LexendDeca-Light.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lexend Deca";font-weight:400;src:url("https://www.hubspot.com/hubfs/tools/fonts/LexendDeca-Light.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lexend Deca";font-weight:500;src:url("https://www.hubspot.com/hubfs/tools/fonts/LexendDeca-Medium.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lexend Deca";font-weight:600;src:url("https://www.hubspot.com/hubfs/tools/fonts/LexendDeca-SemiBold.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Queens Medium";font-weight:500;src:url("https://www.hubspot.com/hubfs/tools/fonts/Queens-Medium.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-weight:300;src:url("https://www.hubspot.com/hubfs/tools/fonts/ZenKakuGothicNew-Regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-weight:400;src:url("https://www.hubspot.com/hubfs/tools/fonts/ZenKakuGothicNew-Regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-weight:500;src:url("https://www.hubspot.com/hubfs/tools/fonts/ZenKakuGothicNew-Medium.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-weight:700;src:url("https://www.hubspot.com/hubfs/tools/fonts/ZenKakuGothicNew-Bold.woff2") format("woff2")}.cl-section{--cl-section-background: inherit;position:relative;container-type:inline-size;container-name:cl-section;background:var(--cl-section-background);color:var(--cl-color-text-01)}.cl-section.-background-01{--cl-section-background: var(--cl-color-background-01, #ffffff)}.cl-section.-background-02{--cl-section-background: var(--cl-color-background-02, #f6f9fc)}.cl-section.-background-03{--cl-section-background: var(--cl-color-background-03, #fef4ea)}.cl-section.-padding-top-none{--cl-section-padding-top: 0;--cl-section-padding-top-desktop: 0}.cl-section.-padding-bottom-none{--cl-section-padding-bottom: 0;--cl-section-padding-bottom-desktop: 0}.cl-section.-padding-top-extra-small{--cl-section-padding-top: 16px;--cl-section-padding-top-desktop: 24px}.cl-section.-padding-bottom-extra-small{--cl-section-padding-bottom: 16px;--cl-section-padding-bottom-desktop: 24px}.cl-section.-padding-top-small{--cl-section-padding-top: 24px;--cl-section-padding-top-desktop: 40px}.cl-section.-padding-bottom-small{--cl-section-padding-bottom: 24px;--cl-section-padding-bottom-desktop: 40px}.cl-section.-padding-top-medium{--cl-section-padding-top: 40px;--cl-section-padding-top-desktop: 64px}.cl-section.-padding-bottom-medium{--cl-section-padding-bottom: 40px;--cl-section-padding-bottom-desktop: 64px}.cl-section.-padding-top-large{--cl-section-padding-top: 64px;--cl-section-padding-top-desktop: 96px}.cl-section.-padding-bottom-large{--cl-section-padding-bottom: 64px;--cl-section-padding-bottom-desktop: 96px}.cl-section-content{max-width:min(100% - 32px,1080px);margin-inline:auto;padding-block:var(--cl-section-padding-top, 0) var(--cl-section-padding-bottom, 0)}@container cl-section (min-width: 600px){.cl-section-content{padding-block:var(--cl-section-padding-top-desktop, 0) var(--cl-section-padding-bottom-desktop, 0)}}.cl-section-content .cl-section-content{max-width:none;margin-inline:0}.cl-grid{--cl-grid-column-gap: 1rem;display:grid;column-gap:var(--cl-grid-column-gap);row-gap:var(--cl-grid-row-gap, initial);grid-template-columns:repeat(var(--cl-grid-column-count-phone, 4), 1fr);grid-template-areas:var(--cl-grid-template-areas-phone, none)}@media(min-width: 600px){.cl-grid{--cl-grid-column-gap: 1.5rem}}@container (min-width: 600px){.cl-grid{grid-template-columns:repeat(var(--cl-grid-column-count-tablet, 8), 1fr);grid-template-areas:var(--cl-grid-template-areas-tablet, none)}}@media(min-width: 1080px){.cl-grid{--cl-grid-column-gap: 1.75rem}}@container (min-width: 1080px){.cl-grid{grid-template-columns:repeat(var(--cl-grid-column-count-desktop, 12), 1fr);grid-template-areas:var(--cl-grid-template-areas-desktop, none)}}.cl-grid>.cl-grid{grid-template-columns:subgrid}.cl-page-width{width:100%;max-width:1080px;margin:0 auto}a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01, #0068b1)}:root,[data-cl-brand]{--cl-anchor-font-weight: var(--cl-font-weight-p-link, 500)}p.-large{--cl-text-font-size: var(--cl-font-size-p-large, 1.125rem);--cl-text-font-weight: var(--cl-font-weight-p-large, 300);--cl-text-line-height: var(--cl-line-height-p-large, 1.77777778);--cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)}p.-medium,:root,[data-cl-brand]{--cl-text-font-size: var(--cl-font-size-p-medium, 1rem);--cl-text-font-weight: var(--cl-font-weight-p-medium, 300);--cl-text-line-height: var(--cl-line-height-p-medium, 1.75);--cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)}p.-small{--cl-text-font-size: var(--cl-font-size-p-small, 0.875rem);--cl-text-font-weight: var(--cl-font-weight-p-small, 300);--cl-text-line-height: var(--cl-line-height-p-small, 1.57142857);--cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)}body,[data-cl-brand],p{font-size:var(--cl-text-font-size, 1rem);font-weight:var(--cl-text-font-weight, 300);line-height:var(--cl-text-line-height, 1.75);letter-spacing:var(--cl-text-letter-spacing, normal)}body,[data-cl-brand]{color:var(--cl-text-color, #213343);font-family:var(--cl-font-family, "Lexend Deca", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ja] body,html[lang=ja] [data-cl-brand]{font-family:"Zen Kaku Gothic New",sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}h1.-secondary,h1.-display,.h1.-secondary,.h1.-display,.cl-h1.-secondary,.cl-h1.-display{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-01-small, 2.25rem);font-weight:var(--cl-font-weight-display-01-small, 500);line-height:var(--cl-line-height-display-01-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-display-01-small, normal)}h2.-secondary,h2.-display,.h2.-secondary,.h2.-display,.cl-h2.-secondary,.cl-h2.-display,h1.-secondary-small,h1.-display-small,.h1.-secondary-small,.h1.-display-small,.cl-h1.-secondary-small,.cl-h1.-display-small{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-02-small, 2.125rem);font-weight:var(--cl-font-weight-display-02-small, 500);line-height:var(--cl-line-height-display-02-small, 1.23529412);letter-spacing:var(--cl-letter-spacing-display-02-small, normal)}h3.-display,.h3.-display,.cl-h3.-display{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-03-small, 2rem);font-weight:var(--cl-font-weight-display-03-small, 500);line-height:var(--cl-line-height-display-03-small, 1.25);letter-spacing:var(--cl-letter-spacing-display-03-small, normal)}@media(min-width: 900px){h1.-secondary,h1.-display,.h1.-secondary,.h1.-display,.cl-h1.-secondary,.cl-h1.-display{font-size:var(--cl-font-size-display-01, 3.75rem);font-weight:var(--cl-font-weight-display-01, 500);line-height:var(--cl-line-height-display-01, 1.13333333);letter-spacing:var(--cl-letter-spacing-display-01, normal)}}@media(min-width: 900px){h2.-secondary,h2.-display,.h2.-secondary,.h2.-display,.cl-h2.-secondary,.cl-h2.-display,h1.-secondary-small,h1.-display-small,.h1.-secondary-small,.h1.-display-small,.cl-h1.-secondary-small,.cl-h1.-display-small{font-size:var(--cl-font-size-display-02, 3rem);font-weight:var(--cl-font-weight-display-02, 500);line-height:var(--cl-line-height-display-02, 1.20833333);letter-spacing:var(--cl-letter-spacing-display-02, normal)}}@media(min-width: 900px){h3.-display,.h3.-display,.cl-h3.-display{font-size:var(--cl-font-size-display-03, 2.5rem);font-weight:var(--cl-font-weight-display-03, 500);line-height:var(--cl-line-height-display-03, 1.2);letter-spacing:var(--cl-letter-spacing-display-03, normal)}}h1,.h1,.cl-h1{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}@media(min-width: 900px){h1,.h1,.cl-h1{font-size:var(--cl-font-size-h1, 3rem);font-weight:var(--cl-font-weight-h1, 500);line-height:var(--cl-line-height-h1, 1.25);letter-spacing:var(--cl-letter-spacing-h1, normal)}}h1.-small,.h1.-small,.cl-h1.-small{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}@media(min-width: 900px){h1.-small,.h1.-small,.cl-h1.-small{font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}}h2,.h2,.cl-h2{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h2-small, 1.625rem);font-weight:var(--cl-font-weight-h2-small, 600);line-height:var(--cl-line-height-h2-small, 1.38);letter-spacing:var(--cl-letter-spacing-h2-small, normal)}@media(min-width: 900px){h2,.h2,.cl-h2{font-size:var(--cl-font-size-h2, 2rem);font-weight:var(--cl-font-weight-h2, 600);line-height:var(--cl-line-height-h2, 1.375);letter-spacing:var(--cl-letter-spacing-h2, normal)}}h3,.h3,.cl-h3{font-size:var(--cl-font-size-h3, font-size-h3);font-weight:var(--cl-font-weight-h3, font-weight-medium);line-height:var(--cl-line-height-h3, line-height-h3);letter-spacing:var(--cl-letter-spacing-h3, normal)}h4,.h4,.cl-h4{font-size:var(--cl-font-size-h4, 1.375rem);font-weight:var(--cl-font-weight-h4, 500);line-height:var(--cl-line-height-h4, 1.45454545);letter-spacing:var(--cl-letter-spacing-h4, normal)}h5,.h5,.cl-h5{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h5, 1.125rem);font-weight:var(--cl-font-weight-h5, 600);line-height:var(--cl-line-height-h5, 1.55555556);letter-spacing:var(--cl-letter-spacing-h5, normal)}h6,.h6,.cl-h6{font-size:var(--cl-font-size-h6, 1rem);font-weight:var(--cl-font-weight-h6, 500);line-height:var(--cl-line-height-h6, 1.75);letter-spacing:var(--cl-letter-spacing-h6, normal)}p.-microheading{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-microheading, 0.875rem);font-weight:var(--cl-font-weight-microheading, 600);line-height:var(--cl-line-height-microheading, 1.57142857);letter-spacing:var(--cl-letter-spacing-microheading, normal)}p.-microcopy{--cl-anchor-font-weight: 600;font-size:var(--cl-font-size-microcopy, 0.75rem);font-weight:var(--cl-font-weight-microcopy, 500);line-height:var(--cl-line-height-microcopy, 1.66666667);letter-spacing:var(--cl-letter-spacing-microcopy, normal)}strong{font-weight:500}em{font-style:italic}a,p>a{color:var(--cl-anchor-color, #0068b1);font-weight:var(--cl-anchor-font-weight, 500);text-decoration:var(--cl-anchor-text-decoration, underline)}a:focus-visible,a:hover{color:var(--cl-anchor-hover-color, #005fa3)}a:active{color:var(--cl-anchor-pressed-color, #005896)}blockquote{font-size:var(--cl-font-size-blockquote 1.125rem);font-weight:var(--cl-font-weight-blockquote, 300);line-height:var(--cl-line-height-blockquote, 1.78)}input,select,textarea,button{font-family:inherit} :root { --font-weight-book: 360; --line-height-medium: 1.75; --font-size-medium: 1rem; --font-weight-regular: 400; --line-height-microheading: 1.57142857; --font-weight-medium: 500; --line-height-microcopy: 1.66666667; --font-weight-semi-bold: 600; --font-size-large: 1.125rem; --line-height-large: 1.77777778; --line-height-h1-small: 1.27777778; --line-height-h2-small: 1.38; --font-size-h1-small: 2.25rem; --font-size-h2-small: 1.625rem; --line-height-display-01-small: 1.27777778; --font-size-display-01-small: 2.25rem; --line-height-display-02-small: 1.23529412; --line-height-display-03-small: 1.25; --font-size-display-02-small: 2.125rem; --line-height-h1: 1.25; --font-size-micro: 0.75rem; --font-size-display-03-small: 2rem; --line-height-h2: 1.375; --font-size-h1: 3rem; --line-height-h3: 1.41666667; --font-size-h2: 2rem; --font-size-small: 0.875rem; --line-height-h4: 1.45454545; --line-height-display-01: 1.13333333; --font-size-h3: 1.5rem; --line-height-h5: 1.55555556; --line-height-display-02: 1.20833333; --line-height-small: 1.57142857; --font-size-h4: 1.375rem; --font-size-display-01: 3.75rem; --line-height-h6: 1.75; --line-height-display-03: 1.20; --font-size-h5: 1.125rem; --font-size-display-02: 3rem; --font-weight-bold: 600; --line-height-blockquote: 1.78; --font-size-h6: 1rem; --font-size-display-03: 2.5rem; --font-size-blockquote: 1.125rem; --font-weight-demi-bold: 600; --font-size-macro: 1.5rem; --line-height-macro: 1.38; --font-weight-light: 300; } a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01, #0068b1)}:root,[data-cl-brand]{--cl-anchor-font-weight: var(--cl-font-weight-p-link, 500)}p.-large{--cl-text-font-size: var(--cl-font-size-p-large, 1.125rem);--cl-text-font-weight: var(--cl-font-weight-p-large, 300);--cl-text-line-height: var(--cl-line-height-p-large, 1.77777778);--cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)}p.-medium,:root,[data-cl-brand]{--cl-text-font-size: var(--cl-font-size-p-medium, 1rem);--cl-text-font-weight: var(--cl-font-weight-p-medium, 300);--cl-text-line-height: var(--cl-line-height-p-medium, 1.75);--cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)}p.-small{--cl-text-font-size: var(--cl-font-size-p-small, 0.875rem);--cl-text-font-weight: var(--cl-font-weight-p-small, 300);--cl-text-line-height: var(--cl-line-height-p-small, 1.57142857);--cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)}body,[data-cl-brand],p{font-size:var(--cl-text-font-size, 1rem);font-weight:var(--cl-text-font-weight, 300);line-height:var(--cl-text-line-height, 1.75);letter-spacing:var(--cl-text-letter-spacing, normal)}body,[data-cl-brand]{color:var(--cl-text-color, #213343);font-family:var(--cl-font-family, "Lexend Deca", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ja] body,html[lang=ja] [data-cl-brand]{font-family:"Zen Kaku Gothic New",sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}h1.-secondary,h1.-display,.h1.-secondary,.h1.-display,.cl-h1.-secondary,.cl-h1.-display{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-01-small, 2.25rem);font-weight:var(--cl-font-weight-display-01-small, 500);line-height:var(--cl-line-height-display-01-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-display-01-small, normal)}h2.-secondary,h2.-display,.h2.-secondary,.h2.-display,.cl-h2.-secondary,.cl-h2.-display,h1.-secondary-small,h1.-display-small,.h1.-secondary-small,.h1.-display-small,.cl-h1.-secondary-small,.cl-h1.-display-small{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-02-small, 2.125rem);font-weight:var(--cl-font-weight-display-02-small, 500);line-height:var(--cl-line-height-display-02-small, 1.23529412);letter-spacing:var(--cl-letter-spacing-display-02-small, normal)}h3.-display,.h3.-display,.cl-h3.-display{font-family:var(--cl-font-family-display, "Queens Medium", serif);font-size:var(--cl-font-size-display-03-small, 2rem);font-weight:var(--cl-font-weight-display-03-small, 500);line-height:var(--cl-line-height-display-03-small, 1.25);letter-spacing:var(--cl-letter-spacing-display-03-small, normal)}@media(min-width: 900px){h1.-secondary,h1.-display,.h1.-secondary,.h1.-display,.cl-h1.-secondary,.cl-h1.-display{font-size:var(--cl-font-size-display-01, 3.75rem);font-weight:var(--cl-font-weight-display-01, 500);line-height:var(--cl-line-height-display-01, 1.13333333);letter-spacing:var(--cl-letter-spacing-display-01, normal)}}@media(min-width: 900px){h2.-secondary,h2.-display,.h2.-secondary,.h2.-display,.cl-h2.-secondary,.cl-h2.-display,h1.-secondary-small,h1.-display-small,.h1.-secondary-small,.h1.-display-small,.cl-h1.-secondary-small,.cl-h1.-display-small{font-size:var(--cl-font-size-display-02, 3rem);font-weight:var(--cl-font-weight-display-02, 500);line-height:var(--cl-line-height-display-02, 1.20833333);letter-spacing:var(--cl-letter-spacing-display-02, normal)}}@media(min-width: 900px){h3.-display,.h3.-display,.cl-h3.-display{font-size:var(--cl-font-size-display-03, 2.5rem);font-weight:var(--cl-font-weight-display-03, 500);line-height:var(--cl-line-height-display-03, 1.2);letter-spacing:var(--cl-letter-spacing-display-03, normal)}}h1,.h1,.cl-h1{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}@media(min-width: 900px){h1,.h1,.cl-h1{font-size:var(--cl-font-size-h1, 3rem);font-weight:var(--cl-font-weight-h1, 500);line-height:var(--cl-line-height-h1, 1.25);letter-spacing:var(--cl-letter-spacing-h1, normal)}}h1.-small,.h1.-small,.cl-h1.-small{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}@media(min-width: 900px){h1.-small,.h1.-small,.cl-h1.-small{font-size:var(--cl-font-size-h1-small, 2.25rem);font-weight:var(--cl-font-weight-h1-small, 600);line-height:var(--cl-line-height-h1-small, 1.27777778);letter-spacing:var(--cl-letter-spacing-h1-small, normal)}}h2,.h2,.cl-h2{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h2-small, 1.625rem);font-weight:var(--cl-font-weight-h2-small, 600);line-height:var(--cl-line-height-h2-small, 1.38);letter-spacing:var(--cl-letter-spacing-h2-small, normal)}@media(min-width: 900px){h2,.h2,.cl-h2{font-size:var(--cl-font-size-h2, 2rem);font-weight:var(--cl-font-weight-h2, 600);line-height:var(--cl-line-height-h2, 1.375);letter-spacing:var(--cl-letter-spacing-h2, normal)}}h3,.h3,.cl-h3{font-size:var(--cl-font-size-h3, font-size-h3);font-weight:var(--cl-font-weight-h3, font-weight-medium);line-height:var(--cl-line-height-h3, line-height-h3);letter-spacing:var(--cl-letter-spacing-h3, normal)}h4,.h4,.cl-h4{font-size:var(--cl-font-size-h4, 1.375rem);font-weight:var(--cl-font-weight-h4, 500);line-height:var(--cl-line-height-h4, 1.45454545);letter-spacing:var(--cl-letter-spacing-h4, normal)}h5,.h5,.cl-h5{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-h5, 1.125rem);font-weight:var(--cl-font-weight-h5, 600);line-height:var(--cl-line-height-h5, 1.55555556);letter-spacing:var(--cl-letter-spacing-h5, normal)}h6,.h6,.cl-h6{font-size:var(--cl-font-size-h6, 1rem);font-weight:var(--cl-font-weight-h6, 500);line-height:var(--cl-line-height-h6, 1.75);letter-spacing:var(--cl-letter-spacing-h6, normal)}p.-microheading{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-microheading, 0.875rem);font-weight:var(--cl-font-weight-microheading, 600);line-height:var(--cl-line-height-microheading, 1.57142857);letter-spacing:var(--cl-letter-spacing-microheading, normal)}p.-microcopy{--cl-anchor-font-weight: 600;font-size:var(--cl-font-size-microcopy, 0.75rem);font-weight:var(--cl-font-weight-microcopy, 500);line-height:var(--cl-line-height-microcopy, 1.66666667);letter-spacing:var(--cl-letter-spacing-microcopy, normal)}strong{font-weight:500}em{font-style:italic}a,p>a{color:var(--cl-anchor-color, #0068b1);font-weight:var(--cl-anchor-font-weight, 500);text-decoration:var(--cl-anchor-text-decoration, underline)}a:focus-visible,a:hover{color:var(--cl-anchor-hover-color, #005fa3)}a:active{color:var(--cl-anchor-pressed-color, #005896)}blockquote{font-size:var(--cl-font-size-blockquote 1.125rem);font-weight:var(--cl-font-weight-blockquote, 300);line-height:var(--cl-line-height-blockquote, 1.78)}input,select,textarea,button{font-family:inherit} @keyframes card-offset-1 { 0% { opacity: 0; transform: translate(0, 0); } 100% { opacity: 1; transform: translate(5%, -5%); } } @keyframes card-offset-2 { 0% { opacity: 0; transform: translate(0, 0); } 100% { opacity: 1; transform: translate(10%, -10%); } } @keyframes cta-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.048); } 100% { transform: scale(1); } } @keyframes esg-scale-in { 0% { opacity: 0; scale: 1.2; } 100% { opacity: 1; scale: 1; } } @keyframes esg-scale-rotate { 0% { opacity: 0; rotate: -5deg; transform: translate(-25%, 25%); scale: 0.8; } 50% { opacity: 1; } 100% { opacity: 1; rotate: 0; transform: translate(0, 0); scale: 1; } } @keyframes esg-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes esg-star { 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 1; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } body { margin: 0; } #email-signature-generator { min-height: 100svh; width: 100%; max-width: 100vw; overflow: auto; } #esg-splash-screen { display: none; position: fixed; inset: 0; flex-direction: column; justify-content: center; color: var(--cl-color-text-01); background-color: var(--cl-color-background-01); } .esg-splash-visible #esg-splash-screen { display: flex; } .esg-splash-visible #email-signature-generator { visibility: hidden; } .esg-splash-screen-decorative { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; pointer-events: none; } .esg-splash-screen-circle-container { position: absolute; bottom: 4rem; right: 18rem; width: 14rem; height: 14rem; display: flex; justify-content: center; align-items: center; } .esg-splash-screen-circle { --animation-duration: 0.4s; --animation-delay: 1.3s; position: absolute; scale: 1.2; opacity: 0; border-radius: 50%; animation: esg-scale-in var(--animation-duration) ease-in-out forwards; animation-delay: var(--animation-delay); } .esg-splash-screen-circle:nth-child(1) { width: 100%; height: 100%; background-color: rgb(255, 92, 53); z-index: 1; } .esg-splash-screen-circle:nth-child(2) { width: 75%; height: 75%; background-color: rgb(255, 137, 51); z-index: 2; animation-delay: calc(var(--animation-delay) + 0.2s); } .esg-splash-screen-circle:nth-child(3) { width: 50%; height: 50%; background-color: var(--yellow-15); z-index: 3; animation-delay: calc(var(--animation-delay) + 0.4s); } .esg-splash-screen-decorative::after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-left: 35rem solid transparent; border-bottom: 40rem solid #FFBC4B; } .esg-splash-screen-image-container { --animation-duration: 0.75s; --animation-delay: 0.25s; position: absolute; top: 50%; right: 10%; width: 628px; max-width: 35vw; transform: rotate(15deg) translateY(-50%); z-index: 4; } .esg-splash-screen-image-container > img { position: relative; opacity: 0; animation: esg-scale-rotate var(--animation-duration) cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: var(--animation-delay); } .esg-splash-screen-image-stack { position: absolute; width: 100%; height: 100%; background-color: white; border-radius: 16px; opacity: 0; } .esg-splash-screen-image-stack:first-of-type { filter: brightness(0.9); animation: card-offset-2 calc(var(--animation-duration) / 1.5) ease-out forwards; animation-delay: calc(var(--animation-delay) + var(--animation-duration) - 0.2s); } .esg-splash-screen-image-stack:last-of-type { filter: brightness(0.95); animation: card-offset-1 calc(var(--animation-duration) / 1.5) ease-out forwards; animation-delay: calc(var(--animation-delay) + var(--animation-duration) - 0.3s); } .esg-splash-screen-stars { position: absolute; top: -5rem; left: -5rem; } .esg-splash-screen-stars > path { opacity: 0; } .esg-splash-screen-stars > path:nth-child(1) { animation: esg-star 0.5s ease-in-out forwards; animation-delay: 1s; } .esg-splash-screen-stars > path:nth-child(2) { animation: esg-star 0.5s ease-in-out forwards; animation-delay: 1.2s; } .esg-splash-screen-stars > path:nth-child(3) { animation: esg-star 0.5s ease-in-out forwards; animation-delay: 1.1s; } #esg-splash-screen-cta { margin: 3rem 0; animation: cta-pulse 0.5s; animation-delay: 3s; } .esg-splash-screen-content { --animation-duration: 0.8s; --animation-delay: 0.8s; max-width: 400px; margin-left: 6.75rem; z-index: 5; opacity: 0; animation: esg-fade-in var(--animation-duration) ease-in-out forwards; animation-delay: var(--animation-delay); } @media (min-width: 1200px) { .esg-splash-screen-content { margin-left: 9.75rem; max-width: 600px; } } .esg-splash-screen-subtitle { font-weight: var(--font-weight-medium); } .esg-splash-screen-quote { position: relative; max-width: 440px; padding-top: 2rem; border-top: 2px solid var(--gray-70); font-size: var(--cl-font-size-microheading); font-weight: 300; line-height: 1.57143; } .esg-splash-screen-quote-marks { --size: 32px; position: absolute; display: flex; justify-content: center; align-items: center; height: var(--size); width: var(--size); background-color: rgb(33, 51, 67); border-radius: 50%; transform: translate(calc(-25% - var(--size)), -25%); } .esg-splash-screen-quote-marks > svg { height: 50%; width: 50%; } .esg-splash-screen-citation { display: flex; align-items: center; margin-top: 1rem; } .esg-splash-screen-citation > span { padding-right: 1rem; margin-right: 1rem; font-size: var(--cl-font-size-microheading); font-weight: var(--font-weight-bold); border-right: 2px solid var(--gray-70); } #esg-splash-screen > .cl-copyright { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); } </style><style></style> <link href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/179914098854/1730802924488/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-f360fcbb.min.css" rel="stylesheet"> <link href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/179912205712/1730802918183/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-f88dba18.min.css" rel="stylesheet"> <link href="" rel="stylesheet"> <link href="" rel="stylesheet"> <link href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/168053891077/1725975399194/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/assets/scss/index.min.css" rel="stylesheet"> <link href="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/168053709908/1725975398970/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/assets/scss/partials/footer.min.css" rel="stylesheet"> <meta name="generator" content="HubSpot"></head> <body class="esg-splash-visible "> <div class="body-container-wrapper"> <div id="email-signature-generator" class="body-container" data-user="" data-language="en" data-page-id="9453061240"> </div> </div> <div id="hs_cos_wrapper_esg_splash_screen" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <section id="esg-splash-screen" class="-dark"> <div class="esg-splash-screen-decorative" aria-hidden="true"> <div class="esg-splash-screen-circle-container"> <div class="esg-splash-screen-circle"></div> <div class="esg-splash-screen-circle"></div> <div class="esg-splash-screen-circle"></div> </div> <div class="esg-splash-screen-image-container"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="80" viewbox="0 0 64 80" fill="none" class="esg-splash-screen-stars" aria-hidden="true"> <path d="M29.5038 16.9769C33.6619 16.2288 37.4946 14.2307 40.4929 11.2481C43.4913 8.2654 45.5134 4.43922 46.2908 0.277588C46.3036 0.200831 46.3431 0.131115 46.4024 0.0808311C46.4617 0.030547 46.5368 0.00295258 46.6145 0.00295258C46.6921 0.00295258 46.7673 0.030547 46.8265 0.0808311C46.8858 0.131115 46.9253 0.200831 46.9382 0.277588C47.7159 4.4392 49.7382 8.2653 52.7366 11.2479C55.735 14.2306 59.5677 16.2286 63.7258 16.9769C63.8023 16.9892 63.8719 17.0285 63.9222 17.0876C63.9724 17.1468 64 17.2219 64 17.2996C64 17.3772 63.9724 17.4524 63.9222 17.5115C63.8719 17.5706 63.8023 17.6099 63.7258 17.6222C59.5674 18.3704 55.7345 20.3686 52.736 23.3515C49.7376 26.3345 47.7154 30.161 46.9382 34.3229C46.9253 34.3997 46.8858 34.4694 46.8265 34.5197C46.7673 34.57 46.6921 34.5975 46.6145 34.5975C46.5368 34.5975 46.4617 34.57 46.4024 34.5197C46.3431 34.4694 46.3036 34.3997 46.2908 34.3229C45.5131 30.1616 43.4908 26.3358 40.4925 23.3536C37.4942 20.3713 33.6617 18.3736 29.5038 17.6257C29.4248 17.616 29.3521 17.5776 29.2993 17.5179C29.2465 17.4581 29.2174 17.3811 29.2174 17.3013C29.2174 17.2215 29.2465 17.1445 29.2993 17.0847C29.3521 17.0249 29.4248 16.9866 29.5038 16.9769Z" fill="#bf2434" opacity="1" transform-origin="46.608699798583984px 17.300226215971634px" style="transform-origin: 46.6087px 17.3002px;"></path> <path d="M0.277086 36.3476C4.43674 35.5992 8.27071 33.6009 11.2699 30.618C14.2691 27.6352 16.2916 23.8091 17.0688 19.6476C17.0817 19.5708 17.1212 19.5011 17.1805 19.4508C17.2398 19.4006 17.315 19.373 17.3927 19.373C17.4703 19.373 17.5455 19.4006 17.6048 19.4508C17.6641 19.5011 17.7037 19.5708 17.7165 19.6476C18.4941 23.8094 20.5171 27.6357 23.5168 30.6185C26.5165 33.6013 30.3509 35.5995 34.511 36.3476C34.5876 36.36 34.6572 36.3992 34.7075 36.4583C34.7577 36.5175 34.7854 36.5926 34.7854 36.6703C34.7854 36.7479 34.7577 36.8231 34.7075 36.8822C34.6572 36.9413 34.5876 36.9806 34.511 36.9929C30.3509 37.7411 26.5165 39.7392 23.5168 42.722C20.5171 45.7048 18.4941 49.5312 17.7165 53.6929C17.7037 53.7697 17.6641 53.8394 17.6048 53.8897C17.5455 53.94 17.4703 53.9676 17.3927 53.9676C17.315 53.9676 17.2398 53.94 17.1805 53.8897C17.1212 53.8394 17.0817 53.7697 17.0688 53.6929C16.2916 49.5315 14.2691 45.7053 11.2699 42.7225C8.27071 39.7397 4.43674 37.7414 0.277086 36.9929C0.200545 36.9806 0.130898 36.9413 0.0806272 36.8822C0.030356 36.8231 0.00274658 36.7479 0.00274658 36.6703C0.00274658 36.5926 0.030356 36.5175 0.0806272 36.4583C0.130898 36.3992 0.200545 36.36 0.277086 36.3476Z" fill="#ff5c35" opacity="1" transform-origin="17.39407348446548px 36.67030334472656px" style="transform-origin: 17.3941px 36.6703px;"></path> <path d="M28.0944 61.9487C32.2552 61.2006 36.0904 59.2024 39.0904 56.2196C42.0905 53.2368 44.1135 49.4106 44.8909 45.249C44.9032 45.172 44.9426 45.1019 45.0019 45.0513C45.0611 45.0008 45.1365 44.973 45.2144 44.973C45.2923 44.973 45.3676 45.0008 45.4269 45.0513C45.4862 45.1019 45.5255 45.172 45.5379 45.249C46.3152 49.4106 48.3382 53.2368 51.3383 56.2196C54.3384 59.2024 58.1735 61.2006 62.3343 61.9487C62.4109 61.9611 62.4806 62.0003 62.5308 62.0594C62.5811 62.1185 62.6087 62.1937 62.6087 62.2713C62.6087 62.349 62.5811 62.4241 62.5308 62.4832C62.4806 62.5423 62.4109 62.5816 62.3343 62.5939C58.1738 63.3419 54.3389 65.3398 51.3388 68.3222C48.3388 71.3045 46.3156 75.1303 45.5379 79.2915C45.5255 79.3685 45.4862 79.4386 45.4269 79.4892C45.3676 79.5398 45.2923 79.5676 45.2144 79.5676C45.1365 79.5676 45.0611 79.5398 45.0019 79.4892C44.9426 79.4386 44.9032 79.3685 44.8909 79.2915C44.1135 75.13 42.0905 71.3037 39.0904 68.3209C36.0904 65.3381 32.2552 63.34 28.0944 62.5918C28.0191 62.5782 27.951 62.5386 27.902 62.4798C27.853 62.421 27.8261 62.3469 27.8261 62.2703C27.8261 62.1937 27.853 62.1195 27.902 62.0607C27.951 62.002 28.0191 61.9623 28.0944 61.9487Z" fill="#ffa766" opacity="1" transform-origin="45.21739959716797px 62.27029800415039px" style="transform-origin: 45.2174px 62.2703px;"></path> </svg> <div class="esg-splash-screen-image-stack"></div> <div class="esg-splash-screen-image-stack"></div> <img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=1707&height=891&name=signature-1-en@3x.png" alt="Email signature example generated with Email Signature Generator by HubSpot" loading="eager" width="1707" height="891" style="max-width: 100%; height: auto;" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=854&height=446&name=signature-1-en@3x.png 854w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=1707&height=891&name=signature-1-en@3x.png 1707w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=2561&height=1337&name=signature-1-en@3x.png 2561w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=3414&height=1782&name=signature-1-en@3x.png 3414w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=4268&height=2228&name=signature-1-en@3x.png 4268w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/splash/cards/24-rf/signature-1-en@3x.png?width=5121&height=2673&name=signature-1-en@3x.png 5121w" sizes="(max-width: 1707px) 100vw, 1707px"> </div> </div> <div class="esg-splash-screen-content"> <img src="https://www.hubspot.com/hubfs/tools/hubspot-tools-logo.svg" alt="HubSpot Tools" width="150" height="29" loading="eager"> <h1>Email Signature Template Generator</h1> <p class="esg-splash-screen-subtitle">Create your free email signature with our easy-to-use signature generator</p> <button type="button" id="esg-splash-screen-cta" class="cl-button -light -medium -primary">Create my signature</button> <figure> <blockquote class="esg-splash-screen-quote"> <div class="esg-splash-screen-quote-marks" aria-hidden="true"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewbox="0 0 18 13" fill="none" class="testimonial__Quotemark-sc-kwaqix-1 kaSIHk"><path d="M6.97297 0L7.13514 0.54054C6.01802 0.972973 5.13514 1.58559 4.48649 2.37838C3.83784 3.17117 3.51351 3.98199 3.51351 4.81081C3.51351 5.13514 3.58559 5.36937 3.72973 5.51351C3.90991 5.65766 4.1982 5.76577 4.59459 5.83784C5.67568 6.01802 6.5045 6.41442 7.08108 7.02703C7.65766 7.60361 7.94595 8.34234 7.94595 9.24324C7.94595 10.2523 7.58559 11.0991 6.86486 11.7838C6.18018 12.4324 5.31532 12.7568 4.27027 12.7568C3.00901 12.7568 1.98198 12.3423 1.18919 11.5135C0.396397 10.6487 0 9.53153 0 8.16216C0 6.9009 0.288288 5.72973 0.864865 4.64865C1.47748 3.53153 2.30631 2.57658 3.35135 1.78378C4.3964 0.954954 5.6036 0.36036 6.97297 0ZM17.027 0L17.1892 0.54054C16.0721 0.972973 15.1892 1.58559 14.5405 2.37838C13.8919 3.17117 13.5676 3.98199 13.5676 4.81081C13.5676 5.13514 13.6396 5.36937 13.7838 5.51351C13.964 5.65766 14.2523 5.76577 14.6486 5.83784C15.7297 6.01802 16.5586 6.41442 17.1351 7.02703C17.7117 7.60361 18 8.34234 18 9.24324C18 10.2523 17.6396 11.0991 16.9189 11.7838C16.2342 12.4324 15.3694 12.7568 14.3243 12.7568C13.0631 12.7568 12.036 12.3423 11.2432 11.5135C10.4504 10.6487 10.0541 9.53153 10.0541 8.16216C10.0541 6.9009 10.3423 5.72973 10.9189 4.64865C11.5315 3.53153 12.3604 2.57658 13.4054 1.78378C14.4505 0.954954 15.6577 0.36036 17.027 0Z" fill="white"></path></svg> </div> We’re big fans of the HubSpot Signature Generator because it makes creating a professional email signature easy-peasy. </blockquote> <cite class="esg-splash-screen-citation"> <span>Melinda Miley</span> <img src="https://8237981.fs1.hubspotusercontent-na1.net/hubfs/8237981/Imported%20images/brafton-logo.svg" alt="Brafton Logo" loading="eager" width="133" height="28" style="max-width: 100%; height: auto;"> </cite> </figure> </div> <span class="cl-copyright -dark">Copyright © <time>2024</time> HubSpot, Inc.</span> </section></div> <div class="esg-modal" style="display: none;" aria-modal="true" role="dialog" aria-labelledby="esg-modal-heading"> <div class="esg-modal-body"> <button class="esg-modal-close"> <span class="visually-hidden">Close</span> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path d="M0.4395,23.56099C0.7325,23.854,1.1165,24,1.5005,24c0.383,0,0.767-0.146,1.06-0.43901 l9.44-9.4392l9.439,9.4392C21.7325,23.854,22.1165,24,22.5005,24c0.383,0,0.767-0.146,1.06-0.43901 c0.586-0.58501,0.586-1.53603,0-2.12104l-9.439-9.4402l9.439-9.4392c0.586-0.58501,0.586-1.53603,0-2.12104 c-0.586-0.58601-1.535-0.58601-2.121,0l-9.439,9.4392l-9.44-9.4392c-0.586-0.58601-1.535-0.58601-2.121,0 c-0.586,0.58501-0.586,1.53603,0,2.12104l9.439,9.4392l-9.439,9.4402C-0.1465,22.02496-0.1465,22.97598,0.4395,23.56099"></path> </svg> </button> <aside class="esg-modal-content-wrapper"> </aside> </div> <svg class="esg-modal-wave" viewbox="0 0 1440 800" preserveaspectratio="none"> <path d="M -44,-50 C -137.1,117.4 67.86,445.5 236,452 435.3,459.7 500.5,242.6 676,244 873.5,245.6 957,522.4 1154,594 1593,753.7 1793,226.3 1582,-126 1371,-478.3 219.8,-524.2 -44,-50 Z"></path> </svg> </div> <div class="mobile-wrapper"> <div id="hs_cos_wrapper_esg_mobile" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <section id="esg_mobile" class="csol-section esg-mobile-section -dark -padding-top- -padding-bottom-"> <div class="csol-section-wrapper"> <a href="https://www.hubspot.com/resources/tool" target="_blank" rel="noopener noreferrer"> <img src="https://www.hubspot.com/hubfs/hubspot-tools-logo.svg" alt="HubSpot Tools" class="esg-mobile-tools-logo" data-csol-svg-source="https://www.hubspot.com/hubfs/hubspot-tools-logo.svg" width="150" height="29"> </a> <h1 class="esg-mobile-heading" id="esg-mobile-heading">Email Signature Template Generator</h1> <div class="esg-mobile-content-list"> <div class="esg-mobile-content-item"> <img src="https://www.hubspot.com/hubfs/email-link-illustration.svg" alt="" class="esg-mobile-content-image" data-csol-svg-source="https://www.hubspot.com/hubfs/email-link-illustration.svg" width="112" height="113"> <div class="esg-mobile-content-description"> <span>Email Signature Template Generator isn’t available on mobile yet. We hope you'll try it out on a larger screen.</span> </div> <a class="cl-button -primary -medium -light " href="mailto:?subject=HubSpot%27s%20Email%20Signature%20Template%20Generator&body=www.hubspot.com/email-signature-generator" target="_blank"> Email me the Link </a> </div> <div class="esg-mobile-content-item"> <img src="https://www.hubspot.com/hubfs/email-illustration.svg" alt="" class="esg-mobile-content-image" data-csol-svg-source="https://www.hubspot.com/hubfs/email-illustration.svg" width="112" height="113"> <div class="esg-mobile-content-description"> <span>Get certified in email marketing with a course from HubSpot Academy — it’s 100% free and online.</span> </div> <a class="cl-button -primary -medium -dark " href="https://academy.hubspot.com/courses/email-marketing" target="_blank"> Start free course </a> </div> </div> </div> </section> </div> <div class="mobile-faq"> <span id="hs_cos_wrapper_faq_rich_text" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><h2 id="esg-modal-heading">FAQ Content</h2> <h3><br>How do I use this signature generator?</h3> <ol> <li>Starting in the first tab in the editor, select the template you want to apply to your email signature.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=1524&height=1014&name=Select%20an%20Email%20Signature%20Template.png" alt="Select an Email Signature Template" width="1524" style="width: 1524px; height: auto; max-width: 100%;" loading="lazy" height="1014" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=762&height=507&name=Select%20an%20Email%20Signature%20Template.png 762w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=1524&height=1014&name=Select%20an%20Email%20Signature%20Template.png 1524w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=2286&height=1521&name=Select%20an%20Email%20Signature%20Template.png 2286w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=3048&height=2028&name=Select%20an%20Email%20Signature%20Template.png 3048w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=3810&height=2535&name=Select%20an%20Email%20Signature%20Template.png 3810w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Select%20an%20Email%20Signature%20Template.png?width=4572&height=3042&name=Select%20an%20Email%20Signature%20Template.png 4572w" sizes="(max-width: 1524px) 100vw, 1524px"></li> <li><span>Click the second tab to input your email signature details, such as your name, email address, phone number, etc.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=1522&height=1021&name=Input%20Your%20Email%20Signature%20Information.png" alt="Input Your Email Signature Information" width="1522" style="width: 1522px; height: auto; max-width: 100%;" loading="lazy" height="1021" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=761&height=511&name=Input%20Your%20Email%20Signature%20Information.png 761w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=1522&height=1021&name=Input%20Your%20Email%20Signature%20Information.png 1522w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=2283&height=1532&name=Input%20Your%20Email%20Signature%20Information.png 2283w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=3044&height=2042&name=Input%20Your%20Email%20Signature%20Information.png 3044w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=3805&height=2553&name=Input%20Your%20Email%20Signature%20Information.png 3805w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Input%20Your%20Email%20Signature%20Information.png?width=4566&height=3063&name=Input%20Your%20Email%20Signature%20Information.png 4566w" sizes="(max-width: 1522px) 100vw, 1522px"></span></li> <li>Click the third tab to stylize your signature. This includes selecting your brand colors, a font, and a font size.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=1522&height=1018&name=Style%20Your%20Email%20Signature.png" alt="Style Your Email Signature" width="1522" style="width: 1522px; height: auto; max-width: 100%;" loading="lazy" height="1018" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=761&height=509&name=Style%20Your%20Email%20Signature.png 761w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=1522&height=1018&name=Style%20Your%20Email%20Signature.png 1522w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=2283&height=1527&name=Style%20Your%20Email%20Signature.png 2283w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=3044&height=2036&name=Style%20Your%20Email%20Signature.png 3044w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=3805&height=2545&name=Style%20Your%20Email%20Signature.png 3805w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Style%20Your%20Email%20Signature.png?width=4566&height=3054&name=Style%20Your%20Email%20Signature.png 4566w" sizes="(max-width: 1522px) 100vw, 1522px"></li> <li>In the fourth and final tab, upload any images you want to display in your email signature. This includes the option to upload a profile picture and a company logo, in addition to one custom call-to-action.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=1440&height=906&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png" alt="EN Add Your Email Signature CTAs Images" width="1440" style="width: 1440px; height: auto; max-width: 100%;" loading="lazy" height="906" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=720&height=453&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 720w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=1440&height=906&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 1440w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=2160&height=1359&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 2160w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=2880&height=1812&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 2880w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=3600&height=2265&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 3600w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png?width=4320&height=2718&name=EN%20Add%20Your%20Email%20Signature%20CTAs%20Images.png 4320w" sizes="(max-width: 1440px) 100vw, 1440px"></li> <li>Once you're done editing your signature, click the Create Signature button to confirm your signature details and unlock it for use.</li> </ol> <h3 id="esg-add-image-to-signature">How do I add an image to my email signature?</h3> <ol> <li>Upload your image to an image hosting platform. Some examples include HubSpot’s file manager or Dropbox. Due to recent Google Drive changes, images in Google Drive may not display correctly in the Email Signature Generator or certain email providers. Please keep this in mind when choosing a platform.</li> <li>Once you’ve uploaded your image, a URL will be created for your file. Often, the easiest way to copy this is to click into your image and navigate to the “Copy URL” option.<br><img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=400&height=361&name=Copy%20URL%20from%20HubSpot%20file%20manager.png" width="400" height="361" loading="lazy" alt="Copy URL from HubSpot file manager" style="height: auto; max-width: 100%; width: 400px; margin-left: auto; margin-right: auto; display: block;" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=200&height=181&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 200w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=400&height=361&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 400w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=600&height=542&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 600w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=800&height=722&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 800w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=1000&height=903&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 1000w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20URL%20from%20HubSpot%20file%20manager.png?width=1200&height=1083&name=Copy%20URL%20from%20HubSpot%20file%20manager.png 1200w" sizes="(max-width: 400px) 100vw, 400px"></li> <li>Finally, paste the URL into HubSpot's Email Signature Generator.</li> </ol> <h3>How do I get my signature from this tool into my email client?</h3> <p>Once you've unlocked your email signature, use the "Copy" calls-to-action to copy the signature or the source code.</p> <p><img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=1291&height=883&name=Copy%20Your%20Email%20Signature.png" alt="Copy Your Email Signature" width="1291" style="width: 1291px; height: auto; max-width: 100%;" loading="lazy" height="883" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=646&height=442&name=Copy%20Your%20Email%20Signature.png 646w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=1291&height=883&name=Copy%20Your%20Email%20Signature.png 1291w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=1937&height=1325&name=Copy%20Your%20Email%20Signature.png 1937w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=2582&height=1766&name=Copy%20Your%20Email%20Signature.png 2582w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=3228&height=2208&name=Copy%20Your%20Email%20Signature.png 3228w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/Copy%20Your%20Email%20Signature.png?width=3873&height=2649&name=Copy%20Your%20Email%20Signature.png 3873w" sizes="(max-width: 1291px) 100vw, 1291px"><br>Depending on your email client, there will be different steps for uploading your email signature. To help, we've covered the instructions for how to add your email signature to HubSpot, Gmail, Outlook, Apple Mail, and Yahoo Mail below.</p> <h3 id="esg-hubspot-info">How do I add my new email signature to HubSpot?</h3> <p>To add a personalized signature to HubSpot, you must: 1) have HubSpot CRM installed in your account 2) have Sales access. To set up your email signature, which will be used for your one-on-one emails sent through the CRM, follow the instructions below:</p> <ol> <li>Copy the source code from Email Signature Template Generator.</li> <li>Log in to your account and click your account name in the top right corner. Then, select Profile & Preferences.</li> <li>Scroll down to the Signature section and select the Edit signature option on the right.<img src="https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=892&height=361&name=Edit%20Email%20Signature%20HubSpot.png" alt="Edit Email Signature HubSpot" width="892" style="width: 892px; height: auto; max-width: 100%;" loading="lazy" height="361" srcset="https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=446&height=181&name=Edit%20Email%20Signature%20HubSpot.png 446w, https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=892&height=361&name=Edit%20Email%20Signature%20HubSpot.png 892w, https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=1338&height=542&name=Edit%20Email%20Signature%20HubSpot.png 1338w, https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=1784&height=722&name=Edit%20Email%20Signature%20HubSpot.png 1784w, https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=2230&height=903&name=Edit%20Email%20Signature%20HubSpot.png 2230w, https://www.hubspot.com/hs-fs/hubfs/Edit%20Email%20Signature%20HubSpot.png?width=2676&height=1083&name=Edit%20Email%20Signature%20HubSpot.png 2676w" sizes="(max-width: 892px) 100vw, 892px"></li> <li>Select the HTML option on the top right and paste the code generated by Email Signature Template Generator into the text box.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=474&height=552&name=EN%20Email%20Signature%20in%20HubSpot.png" alt="Email Signature in HubSpot" width="474" style="width: 474px; height: auto; max-width: 100%;" loading="lazy" height="552" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=237&height=276&name=EN%20Email%20Signature%20in%20HubSpot.png 237w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=474&height=552&name=EN%20Email%20Signature%20in%20HubSpot.png 474w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=711&height=828&name=EN%20Email%20Signature%20in%20HubSpot.png 711w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=948&height=1104&name=EN%20Email%20Signature%20in%20HubSpot.png 948w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=1185&height=1380&name=EN%20Email%20Signature%20in%20HubSpot.png 1185w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20HubSpot.png?width=1422&height=1656&name=EN%20Email%20Signature%20in%20HubSpot.png 1422w" sizes="(max-width: 474px) 100vw, 474px"></li> <li>Click Save.</li> </ol> <p>Don't have HubSpot CRM? It's entirely free. <a href="https://app.hubspot.com/signup-hubspot/crm?test=true" rel="noopener">Get started with HubSpot CRM</a> today.</p> <h3 id="esg-gmail-info">How do I add my new email signature to Gmail?</h3> <ol> <li>Log in to your Gmail account, then click the cog in the top right corner.</li> <li>Select Settings from the drop down menu.</li> <li>Scroll down until you reach the email signature editor, then paste your new email signature there.</li> <li>Scroll to the bottom of the page and click 'save changes’.</li> </ol> <img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=1224&height=476&name=EN%20Email%20Signature%20in%20Gmail.png" alt="Email Signature in Gmail" width="1224" style="width: 1224px; height: auto; max-width: 100%;" loading="lazy" height="476" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=612&height=238&name=EN%20Email%20Signature%20in%20Gmail.png 612w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=1224&height=476&name=EN%20Email%20Signature%20in%20Gmail.png 1224w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=1836&height=714&name=EN%20Email%20Signature%20in%20Gmail.png 1836w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=2448&height=952&name=EN%20Email%20Signature%20in%20Gmail.png 2448w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=3060&height=1190&name=EN%20Email%20Signature%20in%20Gmail.png 3060w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Gmail.png?width=3672&height=1428&name=EN%20Email%20Signature%20in%20Gmail.png 3672w" sizes="(max-width: 1224px) 100vw, 1224px"> <p> </p> <h3 id="esg-outlook-info">How do I add my new email signature to Outlook?</h3> To create a signature in Outlook for Windows and Mac:<br> <ol> <li>Log in to your Outlook account and select the Home Tab > New Email</li> <li>Click the Message tab</li> <li>In the Include group section, select Signature > Signatures</li> <li>In the Choose Default Signature section, select the account you would like to associate with the signature from the email account dropdown</li> <li>In the Select Signature to Edit section, click the New button and name your signature</li> <li>In the Edit Signature section, paste in your HubSpot generated signature and select OK</li> </ol> <h3 id="esg-outlook-online-info">How do I create a signature for Outlook on the web and Outlook.com?</h3> To set up an email signature for the online versions of Outlook:<br> <ol> <li>Log in to Outlook on the web and click on the cog in the top-right corner</li> <li>Select View all Outlook settings at the bottom of the column</li> <li>Navigate to Email > Compose and Reply</li> <li>Name your signature in the Edit Signature name field</li> <li>Paste your signature for Outlook in the Edit Signature section</li> <li>Select Save</li> </ol> <img src="https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=538&height=430&name=how-to-create-signature-outlook-on-the-web.jpg" alt="How to make an email signature on outlook on the web and outlook.com" width="538" loading="lazy" style="width: 538px; height: auto; max-width: 100%;" height="430" srcset="https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=269&height=215&name=how-to-create-signature-outlook-on-the-web.jpg 269w, https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=538&height=430&name=how-to-create-signature-outlook-on-the-web.jpg 538w, https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=807&height=645&name=how-to-create-signature-outlook-on-the-web.jpg 807w, https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=1076&height=860&name=how-to-create-signature-outlook-on-the-web.jpg 1076w, https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=1345&height=1075&name=how-to-create-signature-outlook-on-the-web.jpg 1345w, https://www.hubspot.com/hs-fs/hubfs/how-to-create-signature-outlook-on-the-web.jpg?width=1614&height=1290&name=how-to-create-signature-outlook-on-the-web.jpg 1614w" sizes="(max-width: 538px) 100vw, 538px"><span style="background-color: transparent; color: #2e475d;"></span><br> <h3 id="esg-yahoo-info">How do I add my new email signature to Yahoo Mail?</h3> <ol> <li>Log in to your Yahoo Mail account and select Settings > More Settings.</li> <li>On the left side of the screen, select "Writing email" and then locate the Signature header.</li> <li>If you have multiple Yahoo Mail accounts, use the toggle to toggle on the account you want to customize your email signature for.</li> <li>Paste your new email signature into the text box to save it.<img src="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=967&height=639&name=EN%20Email%20Signature%20in%20Yahoo.png" alt="Email Signature in Yahoo" width="967" loading="lazy" style="width: 967px; height: auto; max-width: 100%;" height="639" srcset="https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=484&height=320&name=EN%20Email%20Signature%20in%20Yahoo.png 484w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=967&height=639&name=EN%20Email%20Signature%20in%20Yahoo.png 967w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=1451&height=959&name=EN%20Email%20Signature%20in%20Yahoo.png 1451w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=1934&height=1278&name=EN%20Email%20Signature%20in%20Yahoo.png 1934w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=2418&height=1598&name=EN%20Email%20Signature%20in%20Yahoo.png 2418w, https://www.hubspot.com/hs-fs/hubfs/tools/email-signature-generator/FAQ%20Images/EN%20Email%20Signature%20in%20Yahoo.png?width=2901&height=1917&name=EN%20Email%20Signature%20in%20Yahoo.png 2901w" sizes="(max-width: 967px) 100vw, 967px"></li> </ol> <h3 id="esg-apple-info">How do I create an email signature for Apple mail?</h3> <p style="line-height: 1.15;">To set up an email signature for Mac via Apple Mail:</p> <ol> <li style="line-height: 1.75;">Open Apple Mail and click Mail > Settings.</li> <li style="line-height: 1.75;">Choose the Signatures section of Settings.</li> <li style="line-height: 1.75;">Click on the plus “+” symbol.</li> <li style="line-height: 1.75;">Paste your new email signature into the box on the right.</li> <li style="line-height: 1.75;">Edit the name of your signature.</li> <li style="line-height: 1.75;">In the “Choose Signature” section, use the dropdown menu to select the name of your newly added signature<br><br><img src="https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=700&height=527&name=Apple-Mail-Choose-Default-Signature-webp.webp" loading="lazy" width="700" style="width: 700px; height: auto; max-width: 100%;" height="527" srcset="https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=350&height=264&name=Apple-Mail-Choose-Default-Signature-webp.webp 350w, https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=700&height=527&name=Apple-Mail-Choose-Default-Signature-webp.webp 700w, https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=1050&height=791&name=Apple-Mail-Choose-Default-Signature-webp.webp 1050w, https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=1400&height=1054&name=Apple-Mail-Choose-Default-Signature-webp.webp 1400w, https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=1750&height=1318&name=Apple-Mail-Choose-Default-Signature-webp.webp 1750w, https://www.hubspot.com/hs-fs/hubfs/Apple-Mail-Choose-Default-Signature-webp.webp?width=2100&height=1581&name=Apple-Mail-Choose-Default-Signature-webp.webp 2100w" sizes="(max-width: 700px) 100vw, 700px"></li> </ol> <h3 id="esg-mobile">I'm on mobile - how do create my email signature?</h3> <p>Email Signature Template Generator is currently a desktop-only tool. This helps us ensure that you are getting the best signature editing experience possible. If you are on mobile, follow the instructions to email the tool to yourself for use on desktop later.</p> <img src="https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=294&height=407&name=Email%20Signature%20Mobile%20Experience-1.png" alt="Using a desktop to create one of several email signature designs in HubSpot's Email Signature Generator" width="294" loading="lazy" style="width: 294px; height: auto; max-width: 100%;" height="407" srcset="https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=147&height=204&name=Email%20Signature%20Mobile%20Experience-1.png 147w, https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=294&height=407&name=Email%20Signature%20Mobile%20Experience-1.png 294w, https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=441&height=611&name=Email%20Signature%20Mobile%20Experience-1.png 441w, https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=588&height=814&name=Email%20Signature%20Mobile%20Experience-1.png 588w, https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=735&height=1018&name=Email%20Signature%20Mobile%20Experience-1.png 735w, https://www.hubspot.com/hs-fs/hubfs/Email%20Signature%20Mobile%20Experience-1.png?width=882&height=1221&name=Email%20Signature%20Mobile%20Experience-1.png 882w" sizes="(max-width: 294px) 100vw, 294px"> <h3>Why doesn't my email signature look as expected?</h3> <p>If your signature doesn't look as expected, here are some solutions to try:</p> <ol> <li><strong>On mobile:</strong> Almost every email signature template will display as expected on both mobile and desktop, with the exception of template 3. If you're using template 3,<strong> remove any images</strong> (headshot and logo) to ensure an optimized mobile display.</li> <li><strong>Try using a different web browser</strong> to create your signature. Some web browsers don't copy the formatting along with the text and this changes with each update of the browsers.</li> <li>Some email clients require you to copy the source code vs. the email signature itself for uploading. If your signature isn't displaying properly,<strong> try copying and uploading the source code instead.</strong></li> </ol> <p><img src="https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=1109&height=494&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png" alt="Email Signature Source Code" width="1109" style="width: 1109px; height: auto; max-width: 100%;" loading="lazy" height="494" srcset="https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=555&height=247&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 555w, https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=1109&height=494&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 1109w, https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=1664&height=741&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 1664w, https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=2218&height=988&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 2218w, https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=2773&height=1235&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 2773w, https://www.hubspot.com/hs-fs/hubfs/Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png?width=3327&height=1482&name=Screen%20Shot%202019-06-04%20at%201.18.26%20PM.png 3327w" sizes="(max-width: 1109px) 100vw, 1109px"></p> <h3>What is an email signature?</h3> <p>An email signature is an additional block of content traditionally added at the bottom of an email. It contains general information regarding the sender like name and address, job title, picture, logo, links to a website and/or social media pages, as well as a phone number.<br><br>Adding a signature is a creative and direct way of displaying key details to the recipient that can lead to a follow or even a follow up.</p> <h3>What is an email signature maker?</h3> <p>A Signature Maker is a tool able to produce a custom signature and meant to be added to an email service like HubSpot, Gmail, Outlook, Apple Mail, Yahoo Mail and more.<br><br>Also called Signature Generator, it helps add your name, job title, phone number, website or multiple social media links at the end of emails in a personalized way.</p> <h3>Are email signature makers free?</h3> <p>Many online Signature Makers, like HubSpot’s Email Signature Generator, are free. This allows you to create a professional, beautifully designed way to sign off on email communication at no cost to you. </p> <h3>How should an email signature look?</h3> <p>Email signature templates can come in a wide range of formats and styles. These are some best practices that we recommend for the best results. Using these tips will help you make the most out of any free signature makers:</p> <ul style="list-style-type: square;"> <li>Your name should stand out</li> <li>Use a large, readable font</li> <li>The design should be minimal, less is more</li> <li>Add your title and department</li> <li>Include your email address and phone number</li> <li>Add your company logo and name</li> <li>If it’s relevant, add your company’s address</li> <li>Sticking to on-brand colors keeps things cohesive and looks great</li> <li>Add social media icons and badges,it gives your contacts a great way to connect</li> </ul> <h3>How to create an email account to use your email signature?</h3> <p>Before creating a professional email signature, setting up an email account is mandatory, and the process is simple. This explanation will work across all major email providers, so regardless of whether you are creating a Gmail, Yahoo, Outlook account, or anywhere else in between.</p> <ol> <li>The first step is to navigate to whoever you want to create an email account with. For example, if you want to create a google account, go to google.com. Then, click on ‘Sign In’.</li> <li>Navigate to the button that says ‘Create An Account’.</li> <li>Fill out the account creation form. Include all relevant information, and make sure to choose an email address you like. This cannot be changed later without creating a new account.</li> <li>Once this is done, you will have created your email! Exciting! Now you can apply what you’ve made through our online signature maker!</li> </ol> <h3>Is an email signature the same as an electronic signature?</h3> <p>Email signatures are not the same as electronic signatures. Email signatures are designed to function aesthetically and practically. While decorative, they can also be used to link to social media and related sites. Digital signatures, on the other hand, are primarily used to protect and validate important documents like contracts.<br><br>A business email signature template adds context and makes an email look more professional. Free email signatures can be created by anyone, and can contain any text or words the creator wants. A word of warning, email signatures could be used to misrepresent who someone is over email since anyone can create and use one. <br><br>Digital signatures are legally binding. They’re like adding a fingerprint to a document. Electronic signature makers are used to protect against fraud since it is almost impossible to alter or edit an e-signature once it is applied to a document.</p> <h3>How to create a professional email signature?</h3> <p>Creating a professional email signature involves a few necessary steps. Choose first a clean and simple design that aligns with your professional image. Avoid using too many colors or fonts and opt for a professional-looking font type and size. On top of that, include your full name, job title, and company name to establish your professional identity.<br><br>Provide essential contact information such as your phone number, email address, and website. Including links to your professional social media profiles, such as LinkedIn, can also enhance your credibility. Lastly, consider adding a professional headshot or logo to personalize your signature and make it more memorable. Remember to keep the design consistent with your brand and ensure that all the information is up to date.</p> <h3>How to make a business email signature?</h3> <p>An effective business email signature involves some crucial elements. Include your full name, job title, and company name to establish your professional identity. This helps recipients easily identify you and your affiliation. Then, provide essential contact information such as your phone number and email address.<br><br>Moreover, include your company's logo or branding elements to reinforce brand recognition. Consider incorporating links to your company's website and social media profiles, such as LinkedIn or Twitter, to encourage further engagement. Finally, keep the design clean and professional, using a consistent font type and size, and avoid cluttering the signature with excessive information.</p> <h3>How to make an email signature for a college student?</h3> <p>To create an effective email signature for a college student, there are a few important elements to consider. Firstly, include your full name, college or university name, and your major or program of study. This helps establish your identity and affiliation. Secondly, provide essential contact information such as your phone number and email address, enabling recipients to easily reach out to you.<br><br>You may also want to include links to your professional social media profiles like LinkedIn, showcasing your professional network. Lastly, consider adding any relevant personal websites or portfolios that highlight your work or achievements. Remember to keep the email signature concise and professional, ensuring it reflects your own information and preferences as a graduate or undergraduate college student.</p></span> </div> </div> <div id="hs_cos_wrapper_module_1662114946690610" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690611" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690612" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690613" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690614" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690615" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690616" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690617" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690618" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690619" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690620" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690621" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <div id="hs_cos_wrapper_module_1662114946690622" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> </div> <footer class="esg-footer"> <div class="footer__Wrapper"> <div class="footer__Container"> <h2 class="footer__Title">MORE HUBSPOT TOOLS</h2> <div class="footer__Items"> <a href="https://www.hubspot.com/make-my-persona" target="_blank" class="footer__Link">Make My Persona</a> <a href="https://www.hubspot.com/blog-topic-generator" target="_blank" class="footer__Link">Blog Ideas Generator</a> <a href="https://website.grader.com/" target="_blank" class="footer__Link">Website Grader</a> <a href="https://www.hubspot.com/marketing-plan-template-generator" target="_blank" class="footer__Link">Marketing Plan Template Generator</a> <a href="https://www.hubspot.com/business-templates" target="_blank" class="footer__Link">Business Templates</a> </div> <hr class="footer__Divider"> <div class="hs-footer-cookie-settings" hidden> <a class="footer__Cookies" href="javascript:void(0)"></a> </div> </div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/80991207740/1726142624301/_Web_Team_Assets/Component_Modules/assets/icons.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/159673819657/1730802912246/module_159673819657_esg-mobile-view.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/180019264802/1727862774998/_Web_Team_Assets/Component_Modules/assets/check-animated-svg.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script defer src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80991154561/1731505472207/module_80991154561_multiRow.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script defer src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/module_assets/80992206951/1731505467873/module_80992206951_featureList.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script src="https://www.hubspot.com/hs-fs/hub/53/hub_generated/template_assets/159499493021/1730802913420/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/locales/i18n-en.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script>  <script type="text/javascript" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> var _hsq = _hsq || []; _hsq.push(["setContentType", "landing-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.hubspot.com\/email-signature-generator"]); _hsq.push(["setPageId", "9453061240"]); _hsq.push(["setContentMetadata", { "contentPageId": 9453061240, "legacyPageId": "9453061240", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 9453061240, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/53.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script>  <script type="text/javascript" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> var hsVars = { render_id: "bfb3c061-073e-476f-99ae-e8962dbf4d03", ticks: 1732683761524, page_id: 9453061240, content_group_id: 0, portal_id: 53, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "landing-page", scp_content_type: "", analytics_page_id: "9453061240", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script type="text/javascript" src="https://js.hubspot.com/ut-js/hubspot-dot-com.js" defer nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script>    <script type="text/javascript" src="https://www.hubspot.com/wt-assets/static-files/mktg-analytics/latest/bundle.min.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script src="//www.hubspot.com/wt-assets/static-files/5.0.5/styleguide/scripts.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script> <script type="text/javascript" src="https://static.hsappstatic.net/affiliates-landing-embed/ex/referral.js" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="></script>  <style> .-dark p { color: #fff } </style> </footer> <script nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> !function(r,a,o,t,e=[],n={}){window.laboratory=window.laboratory||{cbs:[],ready:r=>laboratory.cbs.push(r)};var p=a.createElement(o);p.defer=!0;var l=new URLSearchParams;e.forEach((r=>l.append("treatment_keys",r))),n.user&&l.append("user",n.user),n.portal&&l.append("portal",n.portal),n.utk&&l.append("utk",n.utk),n.portalUser&&l.append("portal_user",n.portalUser),n.other&&l.append("other",n.other);var s=l.toString();p.src=t+(s?"?"+s:"");var d=a.getElementsByTagName(o)[0];d.parentNode.insertBefore(p,d),p.onload=function(){laboratory.ready=r=>r(window.laboratory.client),laboratory.cbs.forEach((r=>r(window.laboratory.client))),laboratory.cbs.length=0}} ( window, document, 'script', 'https://js.hubspot.com/lab-js/v1/standalone.js', [], { other: (document.querySelector('meta[name="laboratory-identifier-other"]') && document.querySelector('meta[name="laboratory-identifier-other"]').content) || undefined } ); </script> <script type="text/javascript" nonce="io1Y0hPGVz4Z0b+M6cW8MQ=="> const desktopMediaQuery = window.matchMedia('(min-width: 900px)'); const dynamicScripts = JSON.parse('["//cdn2.hubspot.net/hub/53/hub_generated/template_assets/100442551301/1727778416572/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/runtime.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168668086081/1729000574845/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-7a6313df.min.js","//cdn2.hubspot.net/hub/53/hub_generated/template_assets/175600248652/1727257337263/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-ad6a2f20.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168663669908/1728035230311/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-bc050c32.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168667146361/1730802919703/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-dfc0d3ba.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168668086077/1730802919156/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-3812de41.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168668086083/1730802918790/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-ae080475.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168668199509/1728035229785/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-aeee2aa1.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168667146359/1728035235403/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-4305cb47.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/179912205716/1730802919579/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-6ed9541f.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/179913965723/1730802920955/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-f360fcbb.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168668086079/1730802924081/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-6b948b9f.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/175600237316/1730802919144/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-69b64d54.min.js","//cdn2.hubspot.net/hub/53/hub_generated/template_assets/168667146362/1723554531303/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-db897852.min.js","//cdn2.hubspot.net/hub/53/hub_generated/template_assets/168668199511/1727778415426/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-d031d8a3.min.js","//cdn2.hubspot.net/hub/53/hub_generated/template_assets/168667146360/1727778416892/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-8cbd2506.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/168667146363/1730810958861/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/vendors-eb2fbf4c.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/135115986287/1730802919109/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-d52d5ee9.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/113072838925/1730802913649/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-3e128b21.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/100579163170/1730802920257/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-ed715180.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/113073445787/1730810958059/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-c2395fac.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/182393560667/1730810955003/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-832f3c59.min.js","//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/113073444949/1730802914017/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/main-4c120c8f.min.js","//cdn2.hubspot.net/hub/53/hub_generated/template_assets/100447260759/1727778414213/_Web_Team_Assets/apps/acquisition-tools/email-signature-generator/polyfills.min.js"]'); let scriptsInjected = false; function onResize() { if (!desktopMediaQuery.matches) { window.scrollTo(0, 0); return; } if (scriptsInjected) { return; } for (let i = 0; i < dynamicScripts.length; i++) { const script = document.createElement('script'); script.defer = true; script.type = 'module'; script.src = dynamicScripts[i]; document.head.appendChild(script); } scriptsInjected = true; } onResize(); desktopMediaQuery.addEventListener('change', onResize); </script></body></html>