Branding Best Practices | GlobalMeet Support Center

<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="tri-layout"> <head> <title>Branding Best Practices | GlobalMeet Support Center</title>  <meta name="viewport" content="width=device-width"> <meta name="token" content="FBDjPQyKdLyce3XtU10D16lci0ll55zPd4snTXGa"> <meta name="base-url" content="https://helpgm.webcasts.com"> <meta charset="utf-8">  <meta property="og:title" content="Branding Best Practices | GlobalMeet Support Center"> <meta property="og:url" content="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices"> <meta property="og:description" content="For the best branding experience, follow these tips. Jump to: Preview your event | Banners and bann...">  <link rel="stylesheet" href="https://helpgm.webcasts.com/dist/styles.css?version=v22.04.1"> <link rel="stylesheet" media="print" href="https://helpgm.webcasts.com/dist/print-styles.css?version=v22.04.1">  <style id="custom-styles" data-color="#2c3790" data-color-light="rgba(44,55,144,0.15)"> :root { --color-primary: #2c3790; --color-primary-light: rgba(44,55,144,0.15); --color-bookshelf: #2c3790; --color-book: #2c3790; --color-chapter: #2c3790; --color-page: #2c3790; --color-page-draft: #7e50b1; } </style>  <style nonce="PI5rv64EgdAYTlUF0lNMUDFH"> @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500;700;900&display=swap'); body {font-family:'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem; line-height: 1.5rem; font-weight: 400; color:#404659;} p, li, td {font-size:.9rem; margin-bottom: 1rem; line-height: 1.4rem;} li > p {margin-top: 1rem;} table td {vertical-align: top;padding: .5rem; margin-bottom: 1rem; line-height: 1.4rem;} table td p { margin: .5rem 0 !important;} th {background-color: #f1f1f2; font-weight: 500;font-size:.9rem !important; margin: 1rem 0 .25rem 0; vertical-align: bottom;} h1,h2,h3,h4 {font-weight: 300; color: #404659; font-family: 'Roboto Slab';} h1 {font-size: 1.5rem;} h1.break-text {font-size: 1.75rem; color: #404659; padding-bottom: 3px;border-bottom: 1px solid #404659;} h1.flex.fit-content.break-text { border-bottom: none !important;} h2 {font-size: 1.5rem;} h3 {font-size: 1.25rem;} h4 {font-size: .9rem; font-weight: 400;} a:link, a:visited {color: #00609C !important;} a:hover, a:active {text-decoration:underline; color: #0087C6 !important;} footer {background-color: #ffffff;font-size:.85rem;} /* header bar*/ .skip-to-content-link {display: none !important;} .primary-background {background-color:#ffffff !important;} .logo-text {font-size:1.5rem; color:#000000; font-family: 'Roboto Slab';font-weight: 300;} header .search-box input {background-color: rgba(0, 96, 156,0.20); color:#404659;} header .search-box button {color:#404659;} div.links.text-center {font-size: .85rem;} .breadcrumbs {font-size: .85rem;} .bg-book {background-color:#ffffff;} .bg-bookshelf {background-color:#ffffff;} .grid-card h2 {font-size: 1.35rem; text-align:center;} .grid-card .grid-card-content, .grid-card .grid-card-footer { background-color: #ffffff;} </style>   </head> <body class="tri-layout"> <a class="px-m py-s skip-to-content-link print-hidden" href="#main-content">Skip to main content</a> <div notification="success" style="display: none;" data-autohide class="pos" role="alert" > <svg class="svg-icon" data-icon="check-circle" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="warning" style="display: none;" class="warning" role="alert" > <svg class="svg-icon" data-icon="info" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="error" style="display: none;" class="neg" role="alert" > <svg class="svg-icon" data-icon="danger" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <header id="header" component="header-mobile-toggle" class="primary-background"> <div class="grid mx-l"> <div> <a href="https://helpgm.webcasts.com" class="logo"> <img class="logo-image" src="https://helpgm.webcasts.com/uploads/images/system/2024-01/dhOGY9V4goJPXXFu-gm-icon.png" alt="Logo"> <span class="logo-text">GlobalMeet Support Center</span> </a> <button type="button" refs="header-mobile-toggle@toggle" title="Expand Header Menu" aria-expanded="false" class="mobile-menu-toggle hide-over-l"><svg class="svg-icon" data-icon="more" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/> </svg></button> </div> <div class="flex-container-row justify-center hide-under-l"> <form action="https://helpgm.webcasts.com/search" method="GET" class="search-box" role="search"> <button id="header-search-box-button" type="submit" aria-label="Search" tabindex="-1"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </button> <input id="header-search-box-input" type="text" name="term" aria-label="Search" placeholder="Search" value=""> </form> </div> <div class="text-right"> <nav refs="header-mobile-toggle@menu" class="header-links"> <div class="links text-center"> <a class="hide-over-l" href="https://helpgm.webcasts.com/search"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg>Search</a> <a href="https://helpgm.webcasts.com/shelves"><svg class="svg-icon" data-icon="bookshelf" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M1.088 2.566h17.42v17.42H1.088z" fill="none"/><path d="M4 20.058h15.892V22H4z"/><path d="M2.902 1.477h17.42v17.42H2.903z" fill="none"/><g><path d="M6.658 3.643V18h-2.38V3.643zM11.326 3.643V18H8.947V3.643zM14.722 3.856l5.613 13.214-2.19.93-5.613-13.214z"/></g></svg>Shelves</a> <a href="https://helpgm.webcasts.com/books"><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg>Books</a> <a href="https://helpgm.webcasts.com/login"><svg class="svg-icon" data-icon="login" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/> </svg>Log in</a> </div> </nav> </div> </div> </header> <div id="content" components="tri-layout" class="block"> <div class="tri-layout-mobile-tabs print-hidden"> <div class="grid half no-break no-gap"> <button type="button" refs="tri-layout@tab" data-tab="info" aria-label="Tab: Show Secondary Information" class="tri-layout-mobile-tab px-m py-m text-primary"> Info </button> <button type="button" refs="tri-layout@tab" data-tab="content" aria-label="Tab: Show Primary Content" aria-selected="true" class="tri-layout-mobile-tab px-m py-m text-primary active"> Content </button> </div> </div> <div refs="tri-layout@container" class="tri-layout-container" > <div class="tri-layout-left print-hidden pt-m" id="sidebar"> <aside class="tri-layout-left-contents"> <section> <div class="tag-item primary-background-light" data-name="Webcast" data-value=""> <div class="tag-name "><a href="https://helpgm.webcasts.com/search?term=%5BWebcast%5D"><svg class="svg-icon" data-icon="tag" role="presentation" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.41,11.41l-8.83-8.83C12.21,2.21,11.7,2,11.17,2H4C2.9,2,2,2.9,2,4v7.17c0,0.53,0.21,1.04,0.59,1.41l8.83,8.83 c0.78,0.78,2.05,0.78,2.83,0l7.17-7.17C22.2,13.46,22.2,12.2,21.41,11.41z M6.5,8C5.67,8,5,7.33,5,6.5S5.67,5,6.5,5S8,5.67,8,6.5 S7.33,8,6.5,8z"/></svg>Webcast</a></div> </div> </section> <nav id="page-navigation" class="mb-xl" aria-label="Page Navigation"> <h5>Page Navigation</h5> <div class="body"> <div class="sidebar-page-nav menu"> <li class="page-nav-item h1"> <a href="#bkmrk-preview-your-event" class="text-limit-lines-1 block">Preview your event</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-banners-and-banner-l" class="text-limit-lines-1 block">Banners and banner logos</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-background-colors-an" class="text-limit-lines-1 block">Background colors and images</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-text-colors-and-font" class="text-limit-lines-1 block">Text colors and fonts</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-footers" class="text-limit-lines-1 block">Footers</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-sponsor-logos" class="text-limit-lines-1 block">Sponsor logos</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> </div> </div> </nav> <nav id="book-tree" class="book-tree mb-xl" aria-label="Book Navigation"> <h5>Book Navigation</h5> <ul class="sidebar-page-list mt-xs menu entity-list"> <li class="list-item-book book"> <a href="https://helpgm.webcasts.com/books/branding-customization" class="book entity-list-item" data-entity-type="book" data-entity-id="8"> <span role="presentation" class="icon text-book"><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices" class="page selected entity-list-item" data-entity-type="page" data-entity-id="77"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Best Practices</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization" class="page entity-list-item" data-entity-type="page" data-entity-id="76"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/portal-branding-customization" class="page entity-list-item" data-entity-type="page" data-entity-id="78"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Portal Branding & Customization</h4> </div> </a> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/branding-examples" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="9"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="false" class="text-muted "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>4 Pages</span> </button> <ul class="sub-menu inset-list " role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-attendee-portals" class="page entity-list-item" data-entity-type="page" data-entity-id="84"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Attendee Portals</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="91"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Bar Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="85"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Open Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/gold-standard-event-templates" class="page entity-list-item" data-entity-type="page" data-entity-id="327"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Gold Standard Event Templates</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/event-branding" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="10"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="false" class="text-muted "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>13 Pages</span> </button> <ul class="sub-menu inset-list " role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-social-sharing-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="93"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add social sharing to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-sponsor-logos-to-the-event-window" class="page entity-list-item" data-entity-type="page" data-entity-id="94"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add sponsor logos to the event window</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-text-images-and-other-media-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="95"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add text, images, and other media to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="96"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Button and tab color | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="97"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Buttons, tabs, and title bar color | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-landing-page-headings-links-and-buttons" class="page entity-list-item" data-entity-type="page" data-entity-id="80"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize landing page headings, links, and buttons</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="99"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="102"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds" class="page entity-list-item" data-entity-type="page" data-entity-id="81"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event player container and window backgrounds</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors" class="page entity-list-item" data-entity-type="page" data-entity-id="82"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Registration page background and form and content area colors</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos" class="page entity-list-item" data-entity-type="page" data-entity-id="83"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Set up the banner and logos</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/use-the-text-editor-to-customize-events-and-emails" class="page entity-list-item" data-entity-type="page" data-entity-id="104"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Use the text editor to customize events and emails</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-design-refresh" class="page entity-list-item" data-entity-type="page" data-entity-id="310"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Player Design Refresh</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/a-guide-to-building-accessible-webcasts" class="page entity-list-item" data-entity-type="page" data-entity-id="329"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">A Guide to Building Accessible Webcasts</h4> </div> </a> </li> </ul> </nav> </aside> </div> <div class=" tri-layout-middle"> <div id="main-content" class="tri-layout-middle-contents"> <div class="mb-m print-hidden"> <nav class="breadcrumbs text-center" aria-label="Breadcrumb"> <a href="https://helpgm.webcasts.com/books" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg></span> <span>Books</span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=book&entity_id=8" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <span> Branding & Customization </span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=page&entity_id=77" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices" class="text-page icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span> Branding Best Practices </span> </a> </nav> </div> <main class="content-wrap card"> <div class="page-content clearfix" page-display="77"> <div class="pointer-container" id="pointer"> <div class="pointer anim " > <span class="icon mr-xxs"><svg class="svg-icon" data-icon="link" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/> </svg> <svg class="svg-icon" data-icon="include" role="presentation" style="display:none;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 .5h24v24H0z" fill="none"/> <path d="M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z"/> </svg></span> <div class="input-group inline block"> <input readonly="readonly" type="text" id="pointer-url" placeholder="url"> <button class="button outline icon" data-clipboard-target="#pointer-url" type="button" title="Copy Link"><svg class="svg-icon" data-icon="copy" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/> </svg></button> </div> </div> </div> <div dir="auto"> <h1 class="break-text" id="bkmrk-page-title">Branding Best Practices</h1> <div style="clear:left;"></div> <p id="bkmrk-for-the-best-brandin">For the best branding experience, follow these tips.</p> <p id="bkmrk-jump-to%3A-preview-you">Jump to: <a href="#bkmrk--1">Preview your event</a> | <a href="#bkmrk--2">Banners and banner logos</a> | <a href="#bkmrk--3">Background colors and images</a>  | <a href="#bkmrk--4">Text colors and fonts</a>  | <a href="#bkmrk--5">Footers</a> | <a href="#bkmrk--6">Sponsor logos</a></p> <p id="bkmrk-note%3A%C2%A0to-learn-more-"><strong>Note:</strong> To learn more about all the elements you can customize and how to use them, see <a title="Event Branding & Customization" href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization">Event branding and customization</a>.</p> <h1 id="bkmrk-preview-your-event"><a id="bkmrk--1" target="_blank"></a>Preview your event</h1> <p id="bkmrk-always-preview-your-">Always preview your event before making it public. At the top of the Event Summary tab click:</p> <ul id="bkmrk-view-event%C2%A0to-regist"> <li><strong>View Event</strong> to register and view the event as an attendee</li> <li><strong>Launch Live Studio</strong> to review slides, overlay videos, surveys, and other content</li> <li>Use the browser's developer tools to check how the registration page and event window look when the browser is resized and in mobile view.</li> </ul> <h1 id="bkmrk-banners-and-banner-l"><a id="bkmrk--2" target="_blank"></a>Banners and banner logos</h1> <ul id="bkmrk-the-banner%C2%A0adjusts-t"> <li>The banner adjusts to the height of your image, but doesn’t have any built-in padding.</li> <li>Use a logo or image at least 50 pixels tall.</li> <li>Add a few pixels of padding to your images to prevent them from touching the top and bottom edges of the banner area.</li> <li>With both logos (left and right), the images move closer together as the browser window is resized. Once they’re touching, they resize together as a unit.</li> <li>Post-event surveys are contained in a white iFrame. To prevent the banner from blending into the survey area, set the banner to transparent or a color other than white.</li> <li>The recommended size for logos is 300 x 75 pixels, with a transparent background. The maximum recommended width for both logos combined is 900 pixels for bar layouts and 1200 pixels for open layouts.</li> </ul> <h1 id="bkmrk-background-colors-an"><a id="bkmrk--3" target="_blank"></a>Background colors and images</h1> <ul id="bkmrk-use-a-color-or-image"> <li>Use a color or image that complements your brand.</li> <li>Avoid using bright-colored backgrounds or images with busy patterns, as they can be distracting and take the focus away from the landing page content and event.</li> <li>If you have a lot of landing page content or a long registration form, the landing page will adjust and become longer. Make sure your background image is tall enough so that it covers the entire landing page and no white space displays at the bottom of the page.</li> <li>We recommend uploading a horizontally repeating image, or gradient, or an image at least 1900 x 1200 pixels.</li> </ul> <h1 id="bkmrk-text-colors-and-font"><a id="bkmrk--4" target="_blank"></a>Text colors and fonts</h1> <ul id="bkmrk-on-the-registration-"> <li>On the registration page, the text is either Roboto (bar layouts) or Open Sans (open layouts). </li> <li>On the event window, the text is Open Sans.</li> <li>You can’t change the font of heading text (event title and date, for example), the registration form, or other labels.</li> <li>Text is automatically set to black or white, depending on the color behind it. (White text on dark backgrounds and black text on light backgrounds.)</li> <li>When using a background image, set the background color to a similar hue to ensure text is legible.</li> <li>The text editor lets you change the font and font color of landing page content, custom player tabs, custom portal tabs, and portal segments. Preview the results and make sure the text is legible.</li> </ul> <h1 id="bkmrk-footers"><a id="bkmrk--5" target="_blank"></a>Footers</h1> <p id="bkmrk-on-the-registration--0">On the registration page and in attendee portals:</p> <ul id="bkmrk-the-background-color"> <li>The background color is dark gray. You can’t change this.</li> <li>For text or links, set a light text color that stands out against the dark gray.</li> <li>Use light-colored images with a transparent background.</li> </ul> <p id="bkmrk-in-the-event-window%3A">In the event window:</p> <ul id="bkmrk-the-footer-is-at-the"> <li>The footer is at the bottom of the player container, not the bottom of the browser window.</li> <li>Set a text color that contrasts well with the player container color – either white or the player background.</li> <li>Use images with a transparent background.</li> </ul> <h1 id="bkmrk-sponsor-logos"><a id="bkmrk--6" target="_blank"></a>Sponsor logos</h1> <ul id="bkmrk-make-sure-all-logos-"> <li>Make sure all logos are the same height and approximately the same width, to ensure smoother transitions as the logos switch.</li> <li>Use images with a transparent background.</li> <li>Add a few pixels of padding to your images to prevent them from touching the edge of the player container.</li> <li>The maximum recommended sponsor logo size: 400 x 70 pixels.</li> </ul> </div> </div> </main> <div id="sibling-navigation" class="grid half collapse-xs items-center mb-m px-m no-row-gap fade-in-when-active print-hidden"> <div> </div> <div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization" class="outline-hover no-link-style block rounded text-xs-right"> <div class="px-m pt-xs text-muted text-xs-right">Next</div> <div class="inline block"> <div class="icon-list-item no-hover"> <span class="text-page "><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span>Event Branding & Customization</span> </div> </div> </a> </div> </div> </div> </div> <div class="tri-layout-right print-hidden pt-m"> <aside class="tri-layout-right-contents"> <div id="page-details" class="entity-details mb-xl"> <h5>Details</h5> <div class="body text-small blended-links"> <div class="entity-meta"> <div> <svg class="svg-icon" data-icon="history" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/> </svg>Revision #10 </div> <div> <svg class="svg-icon" data-icon="star" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg><span title="Mon, May 2, 2022 7:38 PM">Created 2 years ago</span> </div> <div> <svg class="svg-icon" data-icon="edit" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg>Updated <span title="Tue, Nov 12, 2024 3:45 PM">1 week ago</span> by <a href='https://helpgm.webcasts.com/user/matt-engel'>Matt Engel</a> </div> </div> </div> </div> <div class="actions mb-xl"> <h5>Actions</h5> <div class="icon-list text-primary"> <hr class="primary-background"/> <div component="dropdown" class="dropdown-container" id="export-menu"> <div refs="dropdown@toggle" class="icon-list-item" aria-haspopup="true" aria-expanded="false" aria-label="Export" tabindex="0"> <span><svg class="svg-icon" data-icon="export" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/> </svg></span> <span>Export</span> </div> <ul refs="dropdown@menu" class="wide dropdown-menu" role="menu"> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices/export/html" target="_blank" class="label-item"><span>Contained Web File</span><span>.html</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices/export/pdf" target="_blank" class="label-item"><span>PDF File</span><span>.pdf</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices/export/plaintext" target="_blank" class="label-item"><span>Plain Text File</span><span>.txt</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices/export/markdown" target="_blank" class="label-item"><span>Markdown File</span><span>.md</span></a></li> </ul> </div> </div> </div> </aside> </div> </div> </div> <footer> <a href="https://helpgm.webcasts.com/books/contact-support" target="_blank" rel="noopener">Contact Support</a> <a href="https://webcasts.typeform.com/to/gYKX1z" target="_blank" rel="noopener">Send Us Your Feedback</a> </footer> <div back-to-top class="primary-background print-hidden"> <div class="inner"> <svg class="svg-icon" data-icon="chevron-up" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span>Back to top</span> </div> </div> <script src="https://helpgm.webcasts.com/dist/app.js?version=v22.04.1" nonce="PI5rv64EgdAYTlUF0lNMUDFH"></script> </body> </html>

CINXE.COM

Branding Best Practices | GlobalMeet Support Center