CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="https://brand-experience.ieee.org/xmlrpc.php" />  <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">   <script src="https://cmp.osano.com/AzyzptTmRlqVd2LRf/1c42215d-4f10-4c03-8364-c82aa58fc27f/osano.js"></script> <link rel="stylesheet" href="https://cookie-consent.ieee.org/ieee-cookie-banner.css" type="text/css"/>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-4930232-23', 'auto'); ga('send', 'pageview'); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PC743G7');</script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://brand-experience.ieee.org", "potentialAction": { "@type": "SearchAction", "target": "https://brand-experience.ieee.org/?s={search_term_string}", "query-input": "required name=search_term_string" } } { "@context": "http://schema.org", "@type": "Organization", "url": "https://brand-experience.ieee.org", "logo": "https://brand-experience.ieee.org/wp-content/uploads/2017/10/IEEE-Logo.png" } </script> <script title="IEEE website compliance script"type="text/javascript" src="https://cdns.gigya.com/js/gigya.js?apikey=3_ihC9k-currG51rxnDiN6bhiAzQy1-4zw1zOtNOrZ11jAxUhFRKPUrVKs553Kv7px"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PC743G7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <link rel="shortcut icon" href="" type="image/x-icon" /> <link rel="apple-touch-icon" href="" /> <link rel="apple-touch-icon" sizes="120x120" href="" /> <link rel="apple-touch-icon" sizes="76x76" href="" /> <link rel="apple-touch-icon" sizes="152x152" href="" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Global Page Elements and Branding Requirements - IEEE Brand Experience</title> <meta name="description" content="Include IEEE-wide styles when structuring site templates in order to create alignment, provide orientation, leverage the IEEE brand." /> <link rel="canonical" href="https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Global Page Elements and Branding Requirements - IEEE Brand Experience" /> <meta property="og:description" content="Include IEEE-wide styles when structuring site templates in order to create alignment, provide orientation, leverage the IEEE brand." /> <meta property="og:url" content="https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/" /> <meta property="og:site_name" content="IEEE Brand Experience" /> <meta property="article:modified_time" content="2024-11-11T15:17:48+00:00" /> <meta property="og:image" content="https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="325" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="18 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/","url":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/","name":"Global Page Elements and Branding Requirements - IEEE Brand Experience","isPartOf":{"@id":"https://brand-experience.ieee.org/#website"},"primaryImageOfPage":{"@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/#primaryimage"},"image":{"@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/#primaryimage"},"thumbnailUrl":"https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png","datePublished":"2016-12-19T15:54:03+00:00","dateModified":"2024-11-11T15:17:48+00:00","description":"Include IEEE-wide styles when structuring site templates in order to create alignment, provide orientation, leverage the IEEE brand.","breadcrumb":{"@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/#primaryimage","url":"https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png","contentUrl":"https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png","width":1024,"height":325,"caption":"Image showing required IEEE links in meta navigation of the website."},{"@type":"BreadcrumbList","@id":"https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"","item":"https://brand-experience.ieee.org/"},{"@type":"ListItem","position":2,"name":"Assets & Guidelines","item":"https://brand-experience.ieee.org/guidelines/"},{"@type":"ListItem","position":3,"name":"Digital Guidelines","item":"https://brand-experience.ieee.org/guidelines/digital/"},{"@type":"ListItem","position":4,"name":"IEEE Style Guide","item":"https://brand-experience.ieee.org/guidelines/digital/style-guide/"},{"@type":"ListItem","position":5,"name":"Global Page Elements and Branding Requirements"}]},{"@type":"WebSite","@id":"https://brand-experience.ieee.org/#website","url":"https://brand-experience.ieee.org/","name":"IEEE Brand Experience","description":"The IEEE Brand Experience website explains the basic usage rules for all branding and corporate identity elements, how to utilize them to create powerful and consistent communications pieces, and at the same time strengthen the IEEE brand.","publisher":{"@id":"https://brand-experience.ieee.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://brand-experience.ieee.org/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://brand-experience.ieee.org/#organization","name":"IEEE","url":"https://brand-experience.ieee.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://brand-experience.ieee.org/#/schema/logo/image/","url":"https://brand-experience.ieee.org/wp-content/uploads/2017/11/IEEE_Brand_Experience.png","contentUrl":"https://brand-experience.ieee.org/wp-content/uploads/2017/11/IEEE_Brand_Experience.png","width":440,"height":71,"caption":"IEEE"},"image":{"@id":"https://brand-experience.ieee.org/#/schema/logo/image/"}}]}</script>  <link rel="alternate" type="application/rss+xml" title="IEEE Brand Experience » Feed" href="https://brand-experience.ieee.org/feed/" /> <link rel="alternate" type="application/rss+xml" title="IEEE Brand Experience » Comments Feed" href="https://brand-experience.ieee.org/comments/feed/" /> <link rel="shortcut icon" href="" type="image/x-icon" /> <link rel="apple-touch-icon" href="" /> <link rel="apple-touch-icon" sizes="120x120" href="" /> <link rel="apple-touch-icon" sizes="76x76" href="" /> <link rel="apple-touch-icon" sizes="152x152" href="" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/brand-experience.ieee.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id="content-control-block-styles"> @media (max-width: 640px) { .cc-hide-on-mobile { display: none !important; } } @media (min-width: 641px) and (max-width: 920px) { .cc-hide-on-tablet { display: none !important; } } @media (min-width: 921px) and (max-width: 1440px) { .cc-hide-on-desktop { display: none !important; } } </style> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='dm-code-snippet-code-snippet-block-dm-style-inline-css'> /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***! \***************************************************************************************************************************************************************************************************************************************/ /** * The following styles get applied both on the front of your site * and in the editor. * * Replace them with your own styles or remove the file completely. */ .wp-block-code-snippet-block-dm-code-snippet-block-dm { background-color: #21759b; color: #fff; padding: 2px; } /*# sourceMappingURL=style-index.css.map*/ </style> <style id='safe-svg-svg-icon-style-inline-css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <link rel='stylesheet' id='svp_block_free-style-css-css' href='https://brand-experience.ieee.org/wp-content/plugins/super-video-player/admin/blocks/dist/blocks.style.build.css' media='all' /> <link rel='stylesheet' id='code-snippet-dm-main-min-css' href='https://brand-experience.ieee.org/wp-content/plugins/code-snippet-dm/public/css/main.min.css?ver=2.0.3' media='all' /> <link rel='stylesheet' id='content-control-block-styles-css' href='https://brand-experience.ieee.org/wp-content/plugins/content-control/dist/style-block-editor.css?ver=2.5.0' media='all' /> <link rel='stylesheet' id='ccchildpagescss-css' href='https://brand-experience.ieee.org/wp-content/plugins/cc-child-pages/includes/css/styles.css?ver=1.43' media='all' /> <link rel='stylesheet' id='ccchildpagesskincss-css' href='https://brand-experience.ieee.org/wp-content/plugins/cc-child-pages/includes/css/skins.css?ver=1.43' media='all' />  <link rel='stylesheet' id='wpdm-front-bootstrap-css' href='https://brand-experience.ieee.org/wp-content/plugins/download-manager/assets/bootstrap/css/bootstrap.min.css?ver=6.7' media='all' /> <link rel='stylesheet' id='wpdm-front-css' href='https://brand-experience.ieee.org/wp-content/plugins/download-manager/assets/css/front.css?ver=6.7' media='all' /> <link rel='stylesheet' id='flexy-breadcrumb-css' href='https://brand-experience.ieee.org/wp-content/plugins/flexy-breadcrumb/public/css/flexy-breadcrumb-public.css?ver=1.2.1' media='all' /> <link rel='stylesheet' id='flexy-breadcrumb-font-awesome-css' href='https://brand-experience.ieee.org/wp-content/plugins/flexy-breadcrumb/public/css/font-awesome.min.css?ver=4.7.0' media='all' /> <link rel='stylesheet' id='bplugins-plyrio-css' href='https://brand-experience.ieee.org/wp-content/plugins/super-video-player/public/css/player-style.css?ver=1.7.4' media='all' /> <link rel='stylesheet' id='wpdm-button-templates-css' href='https://brand-experience.ieee.org/wp-content/plugins/wpdm-button-templates/buttons.css?ver=6.7' media='all' /> <link rel='stylesheet' id='porto-css-vars-css' href='https://brand-experience.ieee.org/wp-content/uploads/porto_styles/theme_css_vars.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='https://brand-experience.ieee.org/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=8.0.1' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='https://brand-experience.ieee.org/wp-content/uploads/porto_styles/bootstrap.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-plugins-css' href='https://brand-experience.ieee.org/wp-content/themes/porto/css/plugins_optimized.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-theme-css' href='https://brand-experience.ieee.org/wp-content/themes/porto/css/theme.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-theme-portfolio-css' href='https://brand-experience.ieee.org/wp-content/themes/porto/css/theme_portfolio.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-shortcodes-css' href='https://brand-experience.ieee.org/wp-content/uploads/porto_styles/shortcodes.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-theme-wpb-css' href='https://brand-experience.ieee.org/wp-content/themes/porto/css/theme_wpb.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-dynamic-style-css' href='https://brand-experience.ieee.org/wp-content/uploads/porto_styles/dynamic_style.css?ver=7.2.8' media='all' /> <link rel='stylesheet' id='porto-type-builder-css' href='https://brand-experience.ieee.org/wp-content/plugins/porto-functionality/builders/assets/type-builder.css?ver=3.1.15' media='all' /> <link rel='stylesheet' id='porto-style-css' href='https://brand-experience.ieee.org/wp-content/themes/porto/style.css?ver=7.2.8' media='all' /> <style id='porto-style-inline-css'> .vc_do_custom_heading{}.vc_do_custom_heading{}.vc_do_toggle{margin-bottom:22px;}.vc_do_toggle{margin-bottom:22px;}.vc_do_custom_heading{}.vc_do_toggle{margin-bottom:22px;}.vc_do_toggle{margin-bottom:22px;}.vc_do_toggle{margin-bottom:22px;}.vc_do_toggle{margin-bottom:22px;}.vc_custom_1510951430098{margin-bottom: 35px !important;}.vc_custom_1510901628968{margin-bottom: 0px !important;padding-top: 10px !important;padding-right: 15px !important;padding-bottom: 10px !important;padding-left: 15px !important;background-color: #0b5172 !important;}.vc_custom_1510901528442{background-color: #ebeae8 !important;}.vc_custom_1579031906443{margin-top: 15px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031916659{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031928584{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031939320{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031951959{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031963574{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031976840{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579031988190{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579032000334{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579032013292{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1579032026708{margin-top: 35px !important;border-left-width: 5px !important;padding-left: 15px !important;border-left-color: #0b5172 !important;border-left-style: solid !important;}.vc_custom_1632342431271{padding-top: 10px !important;padding-right: 15px !important;padding-bottom: 10px !important;padding-left: 15px !important;background-color: #ebeae8 !important;border-radius: 10px !important;}.vc_custom_1643121089932{margin-bottom: 30px !important;} .side-header-narrow-bar-logo{max-width:330px}@media (min-width:992px){}@media (min-width:1500px){.left-sidebar.col-lg-3,.right-sidebar.col-lg-3{width:20%}.main-content.col-lg-9{width:80%}.main-content.col-lg-6{width:60%}}[data-vc-full-width="true"] .porto-container.container{padding-left:15px !important;padding-right:15px !important}.main-content a{text-decoration:none;font-weight:bold}#header .header-main:not(.sticky) > .container{border-bottom:1px solid rgba(255,255,255,0.12)}body:not(.home) #header .header-main .container .header-left{padding-top:7px}#header .main-menu > li.menu-item > a{border-top:none !important}#header .share-links{display:none}.fixed-header #header.sticky-header .header-main{padding-top:4px}.mega-menu.effect-down > li.menu-item .popup{top:auto;opacity:0;visibility:hidden;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:ease all 300ms;-moz-transition:ease all 300ms;transition:ease all 300ms}.mega-menu.effect-down > li.menu-item:hover .popup{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:ease all 300ms;-moz-transition:ease all 300ms;transition:ease all 300ms}#nav-panel .mobile-nav-wrap{padding:15px !important;border-radius:4px}.page-top{padding-bottom:8px}.page-top .page-title{font-size:2em}.page-top .page-title:before{content:'- '}.page-top .page-sub-title{font-size:1.2em;opacity:0.65}.page-top ul.breadcrumb > li,.page-top ul.breadcrumb > li > a{text-transform:uppercase;font-size:.98em}html .list-tertiary.list-icons.list-icons-style-3 li .fa{padding:10px;padding-top:8px;color:#777;font-size:10px}.custom-hyphen{position:relative}.custom-hyphen:before{content:'';position:absolute;border-top:2px solid #fff;width:12px;left:1px;top:10px}.letter-spacing-normal{letter-spacing:normal !important}.custom-line-height-22 p{line-height:22px}.custom-line-height-23 p{line-height:23px}.custom-position-1{margin-top:-180px}.custom-call-to-action .action-info{font-size:1.125rem}.btn.btn-lg{padding:12px 30px !important;border-width:2px;font-size:14px !important}.stats-text{letter-spacing:-1px}.custom-counters-column:before{content:'';display:block;position:absolute;top:50%;left:50%;box-shadow:0 0 97px 70px rgba(152,152,152,0.1);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stats-left .porto-sicon-left{padding-top:3px;padding-right:20px}.porto-sicon-box{margin-bottom:0}.custom-info-box .porto-sicon-img{position:relative;margin-top:0;margin-right:20px !important;padding:5px;width:78px !important;height:78px !important;border:6px solid #FFF;border-radius:100%;background:transparent;overflow:hidden;z-index:1;-webkit-transition:ease box-shadow 300ms;-moz-transition:ease box-shadow 300ms;transition:ease box-shadow 300ms}.custom-info-box.custom-box-shadow .porto-sicon-box .porto-sicon-img,.custom-info-box .porto-sicon-box:hover .porto-sicon-img{box-shadow:0 0 40px 4px rgba(200,200,200,0.5)}.custom-info-box .porto-sicon-img img{position:absolute;width:113%;top:50%;left:50%;z-index:0;-webkit-transform:translate3d(-50%,-50%,0) scale(1) !important;-moz-transform:translate3d(-50%,-50%,0) scale(1) !important;-ms-transform:translate3d(-50%,-50%,0) scale(1) !important;-o-transform:translate3d(-50%,-50%,0) scale(1) !important;transform:translate3d(-50%,-50%,0) scale(1) !important;-webkit-transition:ease transform 300ms;-moz-transition:ease transform 300ms;transition:ease transform 300ms}.custom-info-box .porto-sicon-box:hover .porto-sicon-img img{-webkit-transform:translate3d(-50%,-50%,0) scale(1.1) !important;-moz-transform:translate3d(-50%,-50%,0) scale(1.1) !important;-ms-transform:translate3d(-50%,-50%,0) scale(1.1) !important;-o-transform:translate3d(-50%,-50%,0) scale(1.1) !important;transform:translate3d(-50%,-50%,0) scale(1.1) !important}.custom-step-items .vc_row > .vc_column_container:first-child{width:80px;max-width:none;flex:none}.custom-step-items .vc_row > .vc_column_container:first-child + div{width:calc(100% - 80px);max-width:none;flex:none}.owl-carousel.numbered-dots .owl-dots{display:inline-block;counter-reset:dots;margin-left:70px}.owl-carousel.numbered-dots .owl-dot span{width:30px;height:30px;background:#eef4f2}.owl-carousel.numbered-dots .owl-dot span:before{counter-increment:dots;content:counter(dots);color:#245432;font-weight:700;line-height:2.2}.owl-carousel.numbered-dots .owl-dot.active span:before,.owl-carousel.numbered-dots .owl-dot:hover span:before{color:#FFF}.owl-carousel.numbered-dots .owl-dot:hover{opacity:.5}.custom-faq-toggle .faq-row .toggle{padding:0;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4}.custom-faq-toggle .faq-row > .faq:last-child .toggle{border-bottom:0}.custom-faq-toggle .faq-row .toggle.active{border-left-color:#4dbb6d}.custom-faq-toggle section.toggle > label{padding:10px 15px;margin:0;color:#1e1e24 !important;font-size:14px !important;background:none !important;border:0;border-color:#e4e4e4;border-radius:0}.custom-faq-toggle section.toggle.active > label{color:#4dbb6d !important;border-bottom:1px solid #e4e4e4}.custom-faq-toggle section.toggle > label:after,.custom-faq-toggle section.toggle > label:before{content:'';display:block;position:absolute;top:50%;right:-3px;margin-top:0;width:15px;border:0;border-top:2px solid #1e1e24;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:ease all 300ms;-moz-transition:ease all 300ms;transition:ease all 300ms}.custom-faq-toggle section.toggle:not(.active) > label:after{border-top:2px solid #1e1e24;-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg);-moz-transform:translate3d(-50%,-50%,0) rotate(90deg);-ms-transform:translate3d(-50%,-50%,0) rotate(90deg);-o-transform:translate3d(-50%,-50%,0) rotate(90deg);transform:translate3d(-50%,-50%,0) rotate(90deg)}.custom-faq-toggle section.toggle.active > label:after{border-color:#4dbb6d}.custom-faq-toggle .toggle-content{padding:5px 15px 45px}.testimonial.testimonial-with-quotes blockquote::before,.testimonial.testimonial-with-quotes blockquote::after{color:#1e1e24}.custom-dots-style-1,.custom-dots-style-1 .porto-carousel{margin-top:0;margin-bottom:0}.custom-dots-style-1 .owl-dots{position:absolute;right:0 !important;top:0;margin-top:-45px !important}[data-vc-full-width="true"] .col-md-12 .owl-dots{right:50% !important;margin:0 15px;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);text-align:right}.custom-dots-style-1 .owl-dot span{width:12px !important;height:12px !important;border:2px solid #000 !important;background:transparent !important}.custom-dots-style-1 .owl-dot.active span,.custom-dots-style-1 .owl-dot:hover span{position:relative;border:2px solid #4dbb6d !important}.custom-dots-style-1 .owl-dot.active span:before,.custom-dots-style-1 .owl-dot:hover span:before{content:'';display:block;position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:100%;background:#4dbb6d;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.portfolio-row.full{margin:0 -15px}.portfolio-row.full .portfolio{padding:0 15px;margin-bottom:30px}.portfolio-filter a{padding:7px 17px !important;border:2px solid #4dbb6d;text-transform:uppercase;font-size:12px;border-radius:35px !important;margin-right:8px}.portfolio-filter a:hover{background-color:#5fc27c !important;color:#fff}.portfolio-filter + hr{margin:13px 0;visibility:hidden}.thumb-info .thumb-info-title{position:relative;display:block;padding:30px 15px;max-width:100%;color:#2e353e;background:#eef4f2;text-shadow:none;-webkit-transition:ease background 300ms,ease width 300ms;-moz-transition:ease background 300ms,ease width 300ms;transition:ease background 300ms,ease width 300ms}.thumb-info:hover .thumb-info-title{background:#4dbb6d;color:#fff}.thumb-info .thumb-info-inner{position:relative;font-size:16px;text-transform:capitalize;letter-spacing:normal;-webkit-transition:none;-moz-transition:none;transition:none}.thumb-info .thumb-info-type{margin:0;padding:0;float:none;color:#777;font-size:14px;background:transparent}.thumb-info:hover .thumb-info-type{color:#fff}.thumb-info .thumb-info-inner:before{content:'';display:block;position:absolute;top:100%;right:-2px;border-top:1px solid #1e1e24;width:40px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:ease width 300ms;-moz-transition:ease width 300ms;transition:ease width 300ms}.thumb-info .thumb-info-inner:after{content:'';display:block;position:absolute;top:100%;right:0;width:15px;height:15px;border-top:1px solid #1e1e24;border-right:1px solid #1e1e24;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.thumb-info:hover .thumb-info-inner:before{width:55px;border-top-color:#fff}.thumb-info:hover .thumb-info-inner:after{border-top-color:#fff;border-right-color:#fff}.thumb-info .zoom{display:none}.custom-both-sides-shadow .owl-stage-outer:before,.custom-both-sides-shadow .owl-stage-outer:after{content:'';display:block;position:absolute;top:0;left:0;height:100%;box-shadow:0 0 140px 220px rgba(255,255,255,0.8);z-index:1;-webkit-transition:ease opacity 300ms;-moz-transition:ease opacity 300ms;transition:ease opacity 300ms}.custom-both-sides-shadow .owl-stage-outer:after{left:initial;right:0}.custom-both-sides-shadow .owl-stage-outer:hover:before,.custom-both-sides-shadow .owl-stage-outer:hover:after{opacity:0}.blog-posts .entry-title{color:#1d2127}body .pre-footer-bg{background-position:0 0 !important;border-top:0 none !important}.custom-opacity-font{opacity:.6;transition:all 300ms ease 0s}.custom-opacity-font:hover{opacity:1}#footer .footer-bottom{border-top:1px solid #3c3e49}.linkedin-icon .Defaults-linkedin{margin-left:4px}.custom-call-to-action-2 .info{display:block}.custom-margin{margin-bottom:16px}.facebook-icon:hover{background-color:#3b5a9a}.twitter-icon:hover{background-color:#1AA9E1}.instragram-icon:hover{background-color:#7C4A3A}.linkedin-icon:hover{background-color:#0073B2}.porto-icon{transition:all 0.2s ease 0s}.custom-input-box .form-control{border-radius:2px;height:50px;padding-left:50px}.custom-input-box{position:relative}.custom-input-box i{color:#4dbb6d !important;font-size:1.3em;left:16px;position:absolute;top:16px;z-index:9}.custom-input-box textarea.form-control{height:0;min-height:130px;padding-top:14px}.submit-btn .wpcf7-submit{background:transparent none repeat scroll 0 0;border:2px solid #4dbb6d;border-radius:35px;color:#4dbb6d;font-weight:600;padding:11px 30px;text-transform:uppercase;transition:all .2s ease-in-out 0s}.submit-btn .wpcf7-submit:hover{color:#fff}.contact-info .feature-box-icon{margin-top:4px}.member-item .thumb-info img{transition:transform 300ms ease 0s}.page-members > hr{background:transparent none repeat scroll 0 0;margin:15px 0}.member-item{background:#fff none repeat scroll 0 0;text-align:left}.member .member-item .view-more{display:none !important}.member-item .member-info-container{display:inline-block;padding:0 25px 15px}.member-item-3 .thumb-info > a{padding:0;display:block}.member-row .member{padding:0 25px}.member-image.single .img-thumbnail{overflow:hidden}.member-filter.nav.nav-pills li a{border:2px solid #4dbb6d;border-radius:35px;text-transform:uppercase;font-size:12px;padding:7px 17px !important;margin-right:8px}.member:hover .member-item .thumb-info img,.member-slide:hover .member-item .thumb-info img,.member-slideshow:hover .img-thumbnail img{transform:scale(1.1)}.post-share-advance .fa-share-alt{height:42px;line-height:42px;right:0;width:42px}.post-share-advance-bg{padding-left:5px;padding-right:5px}.member-item .thumb-info img{transition:transform 300ms ease 0s}.member-item h4{color:#2e353e;font-family:"Sintony",Arial,sans-serif;font-size:16px;font-weight:600;line-height:27px;margin:0 !important}.member-image.single{position:relative}.member-carousel .member-item{margin:0 9px 20px}.member-image.single .img-thumbnail{border:medium none;padding:0}.page-members .post-share-advance,.member-slide .post-share-advance,.member-share-advance{bottom:-20px}body.single-member .related-members{display:none}.testimonial.testimonial-with-quotes blockquote{background:none;padding:40px 20px 40px 0}.testimonial.testimonial-with-quotes blockquote:before{left:0;font-size:60px;color:#1e1e24}.testimonial.testimonial-with-quotes blockquote:after{font-size:60px;color:#1e1e24}.testimonial.testimonial-with-quotes blockquote p{color:#777;font-family:"Sintony",sans-serif;font-style:normal;font-size:1em;line-height:1.8;padding:0}.testimonial.testimonial-with-quotes .testimonial-author p{position:relative;margin:0;text-align:left}.testimonial.testimonial-with-quotes .testimonial-author p:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;border-top:2px solid #1e1e24}.testimonial.testimonial-with-quotes{text-align:left}hr.tall{display:none !important}@media (min-width:768px){.container{width:750px}[data-vc-full-width="true"] .porto-container.container{width:720px !important}[data-vc-full-width="true"] .col-md-12 .owl-dots{width:720px !important}}@media (min-width:992px){.container{width:970px}.single-member .member .col-lg-4{width:25%}.single-member .member .col-lg-8{width:75%}[data-vc-full-width="true"] .porto-container.container{width:960px !important}.page-top.page-header-4 .page-title{margin-top:16px;margin-bottom:6px}.custom-position-1:before{content:'';padding-top:40px;width:100%;border-top:1px solid rgba(255,255,255,0.12)}.ml-5-min-992{margin-left:-5px !important}[data-vc-full-width="true"] .col-md-12 .owl-dots{width:960px !important}}@media (min-width:1170px){.container{width:1170px}[data-vc-full-width="true"] .porto-container.container{width:1170px !important}[data-vc-full-width="true"] .col-md-12 .owl-dots{width:1170px !important}}@media (max-width:992px){.fixed-header #header.sticky-header .header-main{padding-top:0}.page-top > .container{padding-bottom:35px}.page-top .pt-left,.page-top .pt-right{text-align:left !important}.page-top .pt-right{margin-top:15px}.custom-position-1{margin-top:0;padding-top:40px;background:#101019}.custom-position-1 h2{font-size:2em}.custom-call-to-action .action-info{font-size:1rem}.custom-info-box .vc_column_container{width:100%}.custom-counters-column:before{opacity:0}.custom-counters-column .vc_column_container{padding:30px 40px 0 !important;width:100%;border:none !important;border-bottom:1px solid #dadada !important}.custom-counters-column .vc_row.vc_inner{margin-right:0;margin-left:0;border:none !important}.custom-counters-column .stats-desc{width:100%;text-align:center}.custom-counters-column .porto-sicon-img .img-icon{float:initial;margin-left:0;position:absolute;top:50px;left:17%}.custom-both-sides-shadow .owl-stage-outer:before,.custom-both-sides-shadow .owl-stage-outer:after{opacity:0}.post-image img{width:98% !important}}@media (max-width:767px){.custom-xs-arrows-style-2 .owl-dots{display:none}.custom-xs-arrows-style-2 .owl-nav{display:block !important;margin-top:-57px;top:0;right:0;width:auto;opacity:1 !important}[data-vc-full-width="true"] .col-md-12 .custom-xs-arrows-style-2 .owl-nav{right:15px}.custom-xs-arrows-style-2 .owl-nav .owl-prev,.custom-xs-arrows-style-2 .owl-nav .owl-next{position:absolute;width:30px;background:transparent;-webkit-transition:ease all 300ms;-moz-transition:ease all 300ms;transition:ease all 300ms}.custom-xs-arrows-style-2 .owl-nav .owl-prev:hover,.custom-xs-arrows-style-2 .owl-nav .owl-next:hover{background:transparent}.custom-xs-arrows-style-2 .owl-nav .owl-prev{left:-95px !important;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.custom-xs-arrows-style-2 .owl-nav .owl-next{right:10px !important}.custom-xs-arrows-style-2 .owl-nav .owl-prev:before,.custom-xs-arrows-style-2 .owl-nav .owl-next:before{content:'';display:block;position:absolute;top:50%;right:-2px;left:initial;width:100%;border-top:1px solid #4dbb6d;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.custom-xs-arrows-style-2 .owl-nav .owl-prev:after,.custom-xs-arrows-style-2 .owl-nav .owl-next:after{content:'';display:block;position:absolute;top:50%;right:0;width:15px;height:15px;border-top:1px solid #4dbb6d;border-right:1px solid #4dbb6d;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.custom-call-to-action .action-info{font-size:1.25rem}.custom-call-to-action > .vc_column-inner{padding-top:0 !important}#header .mobile-toggle{background:#4dbb6d;color:white !important;top:8px}.rev_slider .rev-btn.tp-caption{font-size:14px !important;padding:11px 20px !important}.rev_slider .tp-caption{font-size:18px !important}}body.rtl .custom-faq-toggle .faq-row .toggle{border-left:none;border-right:1px solid #e4e4e4}body.rtl .custom-faq-toggle section.toggle > label:after,body.rtl .custom-faq-toggle section.toggle > label:before{right:auto;left:-3px}body.rtl .custom-faq-toggle section.toggle > label:before{-webkit-transform:translate3d(50%,50%,0);-moz-transform:translate3d(50%,50%,0);-ms-transform:translate3d(50%,50%,0);-o-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}body.rtl .custom-faq-toggle section.toggle > label:after{-webkit-transform:translate3d(50%,50%,0) rotate(90deg);-moz-transform:translate3d(50%,50%,0) rotate(90deg);-ms-transform:translate3d(50%,50%,0) rotate(90deg);-o-transform:translate3d(50%,50%,0) rotate(90deg);transform:translate3d(50%,50%,0) rotate(90deg)}body.rtl .custom-faq-toggle section.toggle.active > label:after{-webkit-transform:translate3d(50%,50%,0) rotate(180deg);-moz-transform:translate3d(50%,50%,0) rotate(180deg);-ms-transform:translate3d(50%,50%,0) rotate(180deg);-o-transform:translate3d(50%,50%,0) rotate(180deg);transform:translate3d(50%,50%,0) rotate(180deg)}body.rtl .thumb-info .thumb-info-inner:before{right:auto;left:-2px}body.rtl .thumb-info .thumb-info-inner:after{right:auto;left:0;border-right:none;border-left:1px solid #1e1e24;-webkit-transform:translateY(-50%) rotate(315deg);-moz-transform:translateY(-50%) rotate(315deg);-ms-transform:translateY(-50%) rotate(315deg);-o-transform:translateY(-50%) rotate(315deg);transform:translateY(-50%) rotate(315deg)}body.rtl .thumb-info:hover .thumb-info-inner:after{border-left-color:#fff}body.rtl .custom-dots-style-1 .owl-dots{left:0;right:auto !important}body.rtl .member-item{text-align:right}body.rtl .custom-input-box .form-control{padding-left:6px;padding-right:50px}body.rtl .custom-input-box i{left:auto;right:16px}.rtl h1:not(.text-center),.rtl h2:not(.text-center),.rtl h3:not(.text-center),.rtl h4:not(.text-center),.rtl h5:not(.text-center),.rtl h6:not(.text-center),.rtl p:not(.text-center){text-align:right !important}.rtl .text-center h1,.rtl .text-center h2,.rtl .text-center h3,.rtl .text-center h4,.rtl .text-center h5,.rtl .text-center h6,.rtl .text-center p{text-align:center !important}.rtl .col-xl-1,.rtl .col-xl-10,.rtl .col-xl-11,.rtl .col-xl-12,.rtl .col-xl-2,.rtl .col-xl-3,.rtl .col-xl-4,.rtl .col-xl-5,.rtl .col-xl-6,.rtl .col-xl-7,.rtl .col-xl-8,.rtl .col-xl-9,.rtl .col-md-1,.rtl .col-md-10,.rtl .col-md-11,.rtl .col-md-12,.rtl .col-md-2,.rtl .col-md-3,.rtl .col-md-4,.rtl .col-md-5,.rtl .col-md-6,.rtl .col-md-7,.rtl .col-md-8,.rtl .col-md-9{float:right}.rtl .porto-u-headings-line{float:right}.rtl .text-center .porto-u-headings-line{float:none}.rtl .right-icon .porto-sicon-description,.rtl .right-icon .porto-sicon-header{text-align:right}.rtl .vc_custom_1485536525905,.rtl .vc_custom_1485536511031{border-left:none !important;border-right:2px solid #fff;padding-left:0;padding-right:10px}.rtl .vc_custom_1484902254004,.rtl .vc_custom_1484901463613{border-left:none !important;border-right:1px solid #dadada}.rtl .vc_custom_1485536410520,.rtl .vc_custom_1485536469543{border-left:none !important;border-right:2px solid #4dbb6d;padding-left:0 !important;padding-right:10px}.rtl .vc_custom_1485607557101{padding-left:0;padding-right:21px}.rtl .custom-hyphen::before{left:auto;right:1px}.rtl .custom-info-box .porto-sicon-img{margin-right:0 !important} </style> <link rel='stylesheet' id='styles-child-css' href='https://brand-experience.ieee.org/wp-content/themes/porto-child/style.css?ver=6.7' media='all' /> <script src="https://brand-experience.ieee.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://brand-experience.ieee.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/code-snippet-dm/public/js/clipboardv201.min.js?ver=2.0.3" id="code-snippet-dm-dm-clipboard-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/code-snippet-dm/public/js/prism.js?ver=2.0.3" id="code-snippet-dm-dm-prism-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/code-snippet-dm/public/js/manually-start-prism.js?ver=2.0.3" id="code-snippet-dm-dm-manually-start-prism-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/code-snippet-dm/public/js/code-snippet-dm-public.js?ver=2.0.3" id="code-snippet-dm-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/download-manager/assets/bootstrap/js/bootstrap.bundle.min.js?ver=6.7" id="wpdm-front-bootstrap-js"></script> <script id="wpdm-frontjs-js-extra"> var wpdm_url = {"home":"https:\/\/brand-experience.ieee.org\/","site":"https:\/\/brand-experience.ieee.org\/","ajax":"https:\/\/brand-experience.ieee.org\/wp-admin\/admin-ajax.php"}; var wpdm_js = {"spinner":"<i class=\"fas fa-sun fa-spin\"><\/i>","client_id":"b7fd4ba8c7e487130f8524d28c8672e9"}; var wpdm_strings = {"pass_var":"Password Verified!","pass_var_q":"Please click following button to start download.","start_dl":"Start Download"}; </script> <script src="https://brand-experience.ieee.org/wp-content/plugins/download-manager/assets/js/front.js?ver=6.6.2" id="wpdm-frontjs-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/super-video-player/public/js/super-video.js?ver=1.7.4" id="bplugins-plyrio-js"></script> <script></script><link rel="https://api.w.org/" href="https://brand-experience.ieee.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://brand-experience.ieee.org/wp-json/wp/v2/pages/577" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://brand-experience.ieee.org/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://brand-experience.ieee.org/?p=577' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://brand-experience.ieee.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbrand-experience.ieee.org%2Fguidelines%2Fdigital%2Fstyle-guide%2Fglobal-page-element-and-branding-requirements%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://brand-experience.ieee.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbrand-experience.ieee.org%2Fguidelines%2Fdigital%2Fstyle-guide%2Fglobal-page-element-and-branding-requirements%2F&format=xml" /> <style type="text/css"> /* Background color */ .fbc-page .fbc-wrap .fbc-items { background-color: #edeff0; } /* Items font size */ .fbc-page .fbc-wrap .fbc-items li { font-size: 16px; } /* Items' link color */ .fbc-page .fbc-wrap .fbc-items li a { color: #337ab7; } /* Seprator color */ .fbc-page .fbc-wrap .fbc-items li .fbc-separator { color: #cccccc; } /* Active item & end-text color */ .fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text { color: #27272a; font-size: 16px; } </style> <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Open+Sans:400,500,600,700,800' ] } }; (function(d) { var wf = d.createElement('script'), s = d.scripts[d.scripts.length - 1]; wf.src = 'https://brand-experience.ieee.org/wp-content/themes/porto/js/libs/webfont.js'; wf.async = true; s.parentNode.insertBefore(wf, s); })(document);</script> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <style data-type="vc_custom-css">.boldAccordion{ font-weight: bold; color: #00629b; }</style><meta name="generator" content="Powered by Slider Revolution 6.7.20 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <link rel="icon" href="https://brand-experience.ieee.org/wp-content/uploads/2024/04/cropped-ieee_favicon_144x144-32x32.jpg" sizes="32x32" /> <link rel="icon" href="https://brand-experience.ieee.org/wp-content/uploads/2024/04/cropped-ieee_favicon_144x144-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://brand-experience.ieee.org/wp-content/uploads/2024/04/cropped-ieee_favicon_144x144-180x180.jpg" /> <meta name="msapplication-TileImage" content="https://brand-experience.ieee.org/wp-content/uploads/2024/04/cropped-ieee_favicon_144x144-270x270.jpg" /> <script>function setREVStartSize(e){ //window.requestAnimationFrame(function() { window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW; window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH; try { var pw = document.getElementById(e.c).parentNode.offsetWidth, newh; pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw; e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw); e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw); e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh); e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh); e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide); e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide); e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0); if(e.layout==="fullscreen" || e.l==="fullscreen") newh = Math.max(e.mh,window.RSIH); else{ e.gw = Array.isArray(e.gw) ? e.gw : [e.gw]; for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1]; e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el; e.gh = Array.isArray(e.gh) ? e.gh : [e.gh]; for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1]; var nl = new Array(e.rl.length), ix = 0, sl; e.tabw = e.tabhide>=pw ? 0 : e.tabw; e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw; e.tabh = e.tabhide>=pw ? 0 : e.tabh; e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh; for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i]; sl = nl[0]; for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;} var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]); newh = (e.gh[ix] * m) + (e.tabh + e.thumbh); } var el = document.getElementById(e.c); if (el!==null && el) el.style.height = newh+"px"; el = document.getElementById(e.c+"_wrapper"); if (el!==null && el) { el.style.height = newh+"px"; el.style.display = "block"; } } catch(e){ console.log("Failure at Presize of Slider:" + e) } //}); };</script> <style id="wp-custom-css"> .w3eden .badge { background-color: #ffffff; color: #000000; } /* Marketo Button */ #mktoForm_1021 div button{ border-top-left-radius:50px; border-top-right-radius:50px; border-bottom-left-radius:50px; border-bottom-right-radius:50px; } </style> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><meta name="generator" content="WordPress Download Manager 6.6.2" /> <style> /* WPDM Link Template Styles */ </style> <style> :root { --color-primary: #4a8eff; --color-primary-rgb: 74, 142, 255; --color-primary-hover: #5998ff; --color-primary-active: #3281ff; --color-secondary: #6c757d; --color-secondary-rgb: 108, 117, 125; --color-secondary-hover: #6c757d; --color-secondary-active: #6c757d; --color-success: #018e11; --color-success-rgb: 1, 142, 17; --color-success-hover: #0aad01; --color-success-active: #0c8c01; --color-info: #2CA8FF; --color-info-rgb: 44, 168, 255; --color-info-hover: #2CA8FF; --color-info-active: #2CA8FF; --color-warning: #FFB236; --color-warning-rgb: 255, 178, 54; --color-warning-hover: #FFB236; --color-warning-active: #FFB236; --color-danger: #ff5062; --color-danger-rgb: 255, 80, 98; --color-danger-hover: #ff5062; --color-danger-active: #ff5062; --color-green: #30b570; --color-blue: #0073ff; --color-purple: #8557D3; --color-red: #ff5062; --color-muted: rgba(69, 89, 122, 0.6); --wpdm-font: "Sen", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .wpdm-download-link.btn.btn-primary { border-radius: 4px; } </style> <script> function wpdm_rest_url(request) { return "https://brand-experience.ieee.org/wp-json/wpdm/" + request; } </script> </head> <body class="page-template-default page page-id-577 page-child parent-pageid-1549 wp-embed-responsive wide blog-1 wpb-js-composer js-comp-ver-8.0.1 vc_responsive">  <a class="skip-link" href="#content">Skip to content</a>   <div class="meta-nav-section">  <div class="meta-nav"> <ul> <li><a href="https://www.ieee.org/">IEEE.org</a></li> <li><a href="https://ieeexplore.ieee.org/">IEEE <em>Xplore</em> Digital Library</a></li> <li><a href="https://standards.ieee.org/">IEEE Standards</a></li> <li><a href="https://spectrum.ieee.org/">IEEE Spectrum</a></li> <li><a href="https://www.ieee.org/sitemap.html?WT.mc_id=mn_smap">More Sites</a></li> </ul> </div>   <div class="ieee-brand-search">  <div class="col-container"> <form method="get" id="searchform" class="searchform" action="https://brand-experience.ieee.org/"> <div class="input-group"> <label for="s" class="visuallyhidden">Search this website</label> <input class="form-control" placeholder="Search this website…" name="s" id="s" type="text"> <span class="input-group-append"> <button type="submit" class="btn btn-dark p-2" aria-label="Search"><i class="d-inline-block porto-icon-search-3" aria-hidden="true"></i></button> </span> </div> </form> </div>   <div class="col-container img"> <a href="https://www.ieee.org/"><img src="https://brand-experience.ieee.org/wp-content/themes/porto-child/img/ieee-logo.png" alt="IEEE.org" title="IEEE.org"></a> </div>  </div>  </div>  <header id="header" class="header-corporate header-12"> <div class="header-main"> <div class="container"> <div class="header-left"> <div class="logo"> <a href="https://brand-experience.ieee.org/" title="IEEE Brand Experience - The IEEE Brand Experience website explains the basic usage rules for all branding and corporate identity elements, how to utilize them to create powerful and consistent communications pieces, and at the same time strengthen the IEEE brand." rel="home"> <img class="img-responsive standard-logo retina-logo" width="330" height="60" src="//brand-experience.ieee.org/wp-content/uploads/2021/12/brand-experience-logo.png" alt="IEEE Brand Experience" /> </a> </div> </div> <div class="header-right"> <button class="open-button" onclick="return openNavigation();" onkeypress="return openNavigation();" id="hamburgerNav" role="button"><img src="https://brand-experience.ieee.org/wp-content/themes/porto-child/img/nav.png" alt="Open Navigation"></button>  <div id="sidebarNavigation" class="side-nav-right"> <div class="nav-container"> <a href="javascript:void(0)" class="close-button" onclick="closeNavigation();" title="Close navigation">×</a> <div class="custom-menu-class"><ul id="menu-main-menu" class="menu"><li id="menu-item-1776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1776"><a href="https://brand-experience.ieee.org/ieee-brand/">The IEEE Brand</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-13894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13894"><a href="https://brand-experience.ieee.org/ieee-brand/brand-overview/">IEEE Brand Overview</a></li> <li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-588"><a href="https://brand-experience.ieee.org/ieee-brand/frequently-asked-questions/">Frequently asked questions</a></li> </ul> </li> <li id="menu-item-1798" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-has-children menu-item-1798"><a href="https://brand-experience.ieee.org/guidelines/">Assets & Guidelines</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-631"><a href="https://brand-experience.ieee.org/guidelines/master-brand-and-logos/">IEEE Master Brand and Logos</a></li> <li id="menu-item-13893" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13893"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/">IEEE Sub-Brand Resources</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-10643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10643"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/ieee-sections-raise-your-flags/">Geo-unit & Section Resources</a></li> <li id="menu-item-8627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8627"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/ieee-societies/">IEEE Society Sub-Brand Resources</a></li> <li id="menu-item-8626" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8626"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/ieee-societies/ieee-councils/">IEEE Council Sub-Brand Resources</a></li> </ul> </li> <li id="menu-item-589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-589"><a href="https://brand-experience.ieee.org/guidelines/brand-identity/">Brand Identity Guidelines</a></li> <li id="menu-item-590" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-has-children menu-item-590"><a href="https://brand-experience.ieee.org/guidelines/digital/">Digital Guidelines</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-1550" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-1550"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/">IEEE Style Guide and Requirements</a></li> <li id="menu-item-10059" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10059"><a href="https://brand-experience.ieee.org/resources/ieee-org-content-review-guidelines/">IEEE.org Content Review Guidelines</a></li> <li id="menu-item-597" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-597"><a href="https://brand-experience.ieee.org/guidelines/digital/mobileapp-and-responsive-design-guidelines/">Mobile/app and Responsive Design Guidelines</a></li> <li id="menu-item-595" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-595"><a href="https://brand-experience.ieee.org/guidelines/digital/other-guidelines/">Other Site Management Guidelines</a></li> <li id="menu-item-3287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3287"><a href="https://brand-experience.ieee.org/guidelines/digital/site-registration-form/">IEEE Website and Social Media Site Registration Form</a></li> </ul> </li> <li id="menu-item-4227" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4227"><a href="https://brand-experience.ieee.org/guidelines/social-media/">Social Media Guidelines</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-4228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4228"><a href="https://brand-experience.ieee.org/guidelines/social-media/social-media-overview/">Social Media Overview</a></li> <li id="menu-item-4248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4248"><a href="https://brand-experience.ieee.org/guidelines/social-media/staff-training-resources/">Social Media Training Resources</a></li> </ul> </li> </ul> </li> <li id="menu-item-1301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1301"><a href="https://brand-experience.ieee.org/templates/">Templates</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-1310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1310"><a href="https://brand-experience.ieee.org/templates/how-to-utilize/">How to utilize collateral & templates</a></li> <li id="menu-item-14304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14304"><a href="https://brand-experience.ieee.org/templates/ieee-powerpoint-templates/">IEEE Corporate Presentation Templates</a></li> <li id="menu-item-7309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7309"><a href="https://brand-experience.ieee.org/templates/digital-use-collateral/">Digital use collateral</a></li> <li id="menu-item-15336" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15336"><a href="https://brand-experience.ieee.org/templates/print-collateral-editable-templates/event-and-trade-show-components/">Event and Trade Show Components</a></li> <li id="menu-item-634" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-634"><a href="https://brand-experience.ieee.org/templates/print-collateral-editable-templates/">Print collateral and editable templates</a></li> <li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7308"><a href="https://brand-experience.ieee.org/templates/promotional-advertising-collateral/">Promotional advertising collateral</a></li> <li id="menu-item-1009" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1009"><a href="https://brand-experience.ieee.org/templates/website-templates/">Website templates</a></li> </ul> </li> <li id="menu-item-4685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4685"><a href="https://brand-experience.ieee.org/toolkits/">Toolkits</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-14427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14427"><a href="https://brand-experience.ieee.org/toolkits/140-years-of-ieee-marketing-toolkit/">140 years of IEEE—Marketing Toolkit</a></li> <li id="menu-item-7556" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7556"><a href="https://www.ieee.org/about/secure/adapting-your-marketing-communications-to-the-environment-around-you.html">Adapting Your Marketing Communications to the Environment Around You</a></li> <li id="menu-item-7540" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7540"><a href="https://brand-experience.ieee.org/toolkits/ieee-app-toolkit/">IEEE App Marketing Toolkit</a></li> <li id="menu-item-2345" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2345"><a href="https://brand-experience.ieee.org/toolkits/collabratec-toolkit/">IEEE Collabratec Toolkit</a></li> <li id="menu-item-3608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3608"><a href="https://ieeeday.org/toolkit/">IEEE Day Toolkit</a></li> <li id="menu-item-6248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6248"><a href="https://brand-experience.ieee.org/toolkits/ieee-digital-marketing-campaign-toolkit/">IEEE Digital Marketing Campaign Toolkit</a></li> <li id="menu-item-11795" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11795"><a href="https://educationweek.ieee.org/toolkit/">IEEE Education Week Toolkit</a></li> <li id="menu-item-13310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13310"><a href="https://brand-experience.ieee.org/toolkits/ieee-elearning-discount/">IEEE eLearning 50% Discount Toolkit</a></li> <li id="menu-item-5616" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5616"><a href="https://brand-experience.ieee.org/toolkits/open-access-toolkit/">IEEE Open Access Toolkit</a></li> <li id="menu-item-8341" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8341"><a href="https://brand-experience.ieee.org/toolkits/periodical-journals-toolkit/">IEEE Periodical Journals Marketing Toolkit</a></li> <li id="menu-item-632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-632"><a href="https://brand-experience.ieee.org/toolkits/publicity-toolkit/">IEEE Publicity Toolkit</a></li> <li id="menu-item-10216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10216"><a href="https://brand-experience.ieee.org/toolkits/ieee-social-media-and-communications-toolkit-for-authors/">IEEE Social Media and Communications Toolkit for Authors</a></li> <li id="menu-item-9467" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9467"><a href="https://brand-experience.ieee.org/toolkits/ieee-social-media-toolkits/">IEEE Social Media Toolkits</a></li> <li id="menu-item-6696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6696"><a href="https://brand-experience.ieee.org/toolkits/ieee-strategic-plan-toolkit/">IEEE Strategic Plan Toolkit</a></li> <li id="menu-item-6227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6227"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/students/">IEEE Students Toolkit</a></li> <li id="menu-item-10821" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10821"><a href="https://brand-experience.ieee.org/toolkits/ieee-volunteering-toolkit/">IEEE Volunteering Toolkit</a></li> <li id="menu-item-12451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12451"><a href="https://brand-experience.ieee.org/toolkits/ieee-your-professional-home-toolkit/">IEEE Your Professional Home Toolkit</a></li> </ul> </li> <li id="menu-item-633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-633"><a href="https://brand-experience.ieee.org/resources/">Resources</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-605"><a href="https://brand-experience.ieee.org/resources/promo-library/">Promo Library</a></li> <li id="menu-item-7749" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7749"><a href="https://brand-experience.ieee.org/resources/ieee-branded-virtual-backgrounds-for-video-conferencing-tools/">IEEE branded virtual backgrounds for video conferencing tools</a></li> <li id="menu-item-635" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-635"><a href="https://brand-experience.ieee.org/templates-tools-resources/tools-and-templates/">IEEE Virtual UX Lab</a></li> <li id="menu-item-2673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2673"><a href="https://brand-experience.ieee.org/resources/ieee-brand-experience-bulletin/">IEEE Brand Experience Bulletin</a></li> <li id="menu-item-629" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-629"><a href="https://brand-experience.ieee.org/resources/brand-videos/">Brand videos</a></li> <li id="menu-item-1604" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1604"><a href="https://brand-experience.ieee.org/resources/digital-resources/">Digital Resources</a></li> <li id="menu-item-3620" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3620"><a href="https://brand-experience.ieee.org/resources/training/">Training</a></li> </ul> </li> <li id="menu-item-1809" class="contactUL menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1809"><a href="https://brand-experience.ieee.org/contact/">Contact</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-10832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10832"><a href="https://brand-experience.ieee.org/contact/exd-contact-form/">IEEE Experience Design Team Contact Form</a></li> <li id="menu-item-1330" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1330"><a href="https://brand-experience.ieee.org/contact/brand-inquiries-form/">IEEE Brand Inquiries Form</a></li> <li id="menu-item-10108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10108"><a href="https://brand-experience.ieee.org/contact/faqs/">Frequently Asked Questions</a></li> <li id="menu-item-696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-696"><a href="https://brand-experience.ieee.org/contact/exd-team/">Learn about the IEEE Experience Design Team</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-10941" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10941"><a href="https://brand-experience.ieee.org/contact/exd-team/ieee-experience-design-team-project-process/">IEEE Experience Design Team Project Process</a></li> <li id="menu-item-1840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1840"><a href="https://brand-experience.ieee.org/contact/exd-team/creative-portfolio/">Creative Portfolio</a></li> <li id="menu-item-1856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1856"><a href="https://brand-experience.ieee.org/contact/exd-team/sla/">Service level agreements</a></li> </ul> </li> <li id="menu-item-1468" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1468"><a href="https://brand-experience.ieee.org/contact/corporate-communications-brand-marketing/">Learn about the IEEE Corporate Communications and Brand Marketing Team</a> <button class="sub-menu-toggle"><i class="fas fa-chevron-down"></i></button> <ul class="sub-menu subMenuClass"> <li id="menu-item-1412" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1412"><a href="https://brand-experience.ieee.org/contact/corporate-communications-brand-marketing/public-visibility/">Public visibility</a></li> </ul> </li> </ul> </li> </ul></div> </div> </div>  </div> </div> </div> </header> <div class="page-wrapper">  <div class="header-wrapper fixed-header"> <header id="header" class="header-corporate header-12"> </header> </div>  <section class="page-top page-header-2 hide-title"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class=""> <h1 class="page-title">Global Page Elements and Branding Requirements</h1> </div> </div> </div> </div> </section> <div id="main" class="column1 boxed"> <div class="container"> <div class="row main-content-wrap">  <div class="main-content col-lg-12">  <div class="fbc fbc-page">  <div class="fbc-wrap">  <ol class="fbc-items" itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">  <a itemprop="item" href="https://brand-experience.ieee.org"> <i class="fa fa-home" aria-hidden="true"></i>Home </a> </span> <meta itemprop="position" content="1" /> </li><li><span class="fbc-separator">/</span></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" page-parent="1795" href="https://brand-experience.ieee.org/guidelines/" title="Assets & Guidelines"><span itemprop="name">Assets & Guidelines</span></a><meta itemprop="position" content="2" /></li><li><span class="fbc-separator">/</span></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" page-parent="573" href="https://brand-experience.ieee.org/guidelines/digital/" title="Digital Guidelines"><span itemprop="name">Digital Guidelines</span></a><meta itemprop="position" content="3" /></li><li><span class="fbc-separator">/</span></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" page-parent="1549" href="https://brand-experience.ieee.org/guidelines/digital/style-guide/" title="IEEE Style Guide"><span itemprop="name">IEEE Style Guide</span></a><meta itemprop="position" content="4" /></li><li><span class="fbc-separator">/</span></li><li class="active post-page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name" title="Global Page Elements and Branding Requirements">Global Page Elements and...</span><meta itemprop="position" content="5" /></li> </ol> <div class="clearfix"></div> </div> </div> <div id="content" role="main"> <article class="post-577 page type-page status-publish hentry"> <h2 class="entry-title" style="display: none;">Global Page Elements and Branding Requirements</h2><span class="vcard" style="display: none;"><span class="fn"><a href="https://brand-experience.ieee.org/author/ieeelibrary/" title="Posts by ieeelibrary" rel="author">ieeelibrary</a></span></span><span class="updated" style="display:none">2024-11-11T10:17:48-05:00</span> <div class="page-content"> <div class="wpb-content-wrapper"><div class="vc_row wpb_row row top-row vc_custom_1510951430098 text-left wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="bemeta vc_column_container col-md-3"><div class="wpb_wrapper vc_column-inner"> <div class="wpb_text_column wpb_content_element vc_custom_1510901628968 wht wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><strong>Style Guide</strong></p> </div> </div> <div class="wpb_text_column wpb_content_element vc_custom_1510901528442 wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <div id="ccchildpages-1" class="ccchildpages simple ccclearfix"><ul class="ccchildpages_list ccclearfix"><li class="page_item page-item-574"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/site-manager-responsibilities-administration/">Site Manager Responsibilities and Site Administration</a></li> <li class="page_item page-item-575"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/usability-and-accessibility/">Usability and Accessibility</a></li> <li class="page_item page-item-576 page_item_has_children"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/branding-visual-elements/">Branding and Visual Elements</a></li> <li class="page_item page-item-577 current_page_item"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/global-page-element-and-branding-requirements/" aria-current="page">Global Page Elements and Branding Requirements</a></li> <li class="page_item page-item-578"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/content/">Content</a></li> <li class="page_item page-item-580"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/navigation-linking/">Navigation and Linking</a></li> <li class="page_item page-item-14721"><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/imagery-guidelines/">Imagery Guidelines</a></li></ul></div> </div> </div> </div></div><div class="vc_column_container col-md-9"><div class="wpb_wrapper vc_column-inner"><div class="vc_row wpb_row vc_inner row"><div class="vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h1 style="color: #0b5172" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Global Page Elements and Branding Requirements</strong></h1> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>IEEE digital publishers are asked to include IEEE-wide styles when structuring and designing site templates in order to create alignment, provide orientation, and leverage the IEEE Brand. IEEE styles are detailed here for use of the enterprise-wide meta-navigation, IEEE Master Brand, footers, GDPR policies, search tools, and favicon in IEEE website headers and footers.</p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row"><div class="inner-nav vc_column_container col-md-8"><div class="wpb_wrapper vc_column-inner"> <div class="wpb_text_column wpb_content_element vc_custom_1632342431271 beotp wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><strong>On this page:</strong></p> <ul> <li><a href="#enterprisewidemetanavigation">Enterprise-Wide Meta-Navigation</a></li> <li><a href="#ieeemasterbrand">IEEE Master Brand</a></li> <li><a href="#siteidentifier">Site Identifier</a></li> <li><a href="#footersection">Footer</a></li> <li><a href="#gdprpolicyadherence">GDPR Policy Adherence</a></li> <li><a href="#searchtools">Search Tools</a></li> <li><a href="#ieeefavicon">IEEE Favicon</a></li> <li><a href="#sitepurpose">Site Purpose</a></li> <li><a href="#homepagecontentlayoutbestpractices">Home Page Content Layout Best Practices</a></li> <li><a href="#samplewireframes">Sample Wireframes</a></li> <li><a href="#reviewsandwebsiteevaluations">Reviews and Website Evaluations</a></li> </ul> </div> </div> </div></div><div class="vc_column_container col-md-4"><div class="wpb_wrapper vc_column-inner"></div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031906443 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="enterprisewidemetanavigation" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Enterprise-Wide Meta-Navigation</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>The meta-navigation is a menu that appears on all IEEE websites (enterprise-wide) allowing visitors to quickly access IEEE flagship websites and options.</p> <p class="arrow-link"><a href="http://www.ieee.org/about/webteam/styleguide/app_guidelines.html" target="_blank" rel="noopener noreferrer">See guidelines for meta-navigation usage for responsive websites and mobile apps</a></p> <p>Requirements for the IEEE meta-navigation are as follows:</p> <ul> <li><strong>Placement:</strong> Outside of the main page above the site header. Within the meta-navigation: <ul> <li>Site links must appear at the upper-left and flushed left to the edge.</li> <li>The upper-right side is reserved for single sign-on links if applicable to a website. To request single sign-on, please work with your IEEE employee representative to initiate a project with IEEE Information Technology. IEEE volunteers can reach out to the <a href="https://brand-experience.ieee.org/contact/dci-team/">IEEE Experience Design Team</a> using the <a href="https://brand-experience.ieee.org/contact/exd-contact-form/">IEEE Experience Design Team Contact Form</a> to start this process.</li> </ul> </li> </ul> <ul> <li><strong>Links:</strong> Align site links to the left side of the page in the following order, with the noted destinations: <ul> <li>IEEE.org: www.ieee.org</li> <li>IEEE <i>Xplore </i>Digital Library: ieeexplore.ieee.org (The word "Xplore" must be italicized)</li> <li>IEEE Standards: standards.ieee.org</li> <li>IEEE Spectrum: spectrum.ieee.org</li> <li>More sites: www.ieee.org/sitemap</li> <li>Join IEEE: www.ieee.org/join <span style="font-weight: 400;"><em>(link must appear on the right side of the meta navigation. This link should be the first link in the set of IEEE SSO links if IEEE SSO links are utilized.)</em> See suggested placement and styling in images below.</span></li> <li>Donate: www.ieee.org/give (<em>link must appear on the right side of the meta navigation. This link should be the first link in the set of IEEE SSO links if IEEE SSO links are utilized.</em>) See suggested placement and styling in images below.</li> </ul> </li> </ul> <ul> <li><strong>Size:</strong> Minimum height of 30–40 pixels</li> <li><strong>Link interaction:</strong> Should only underline upon hover and have no "visited" link color change</li> <li><strong>Link separation symbol:</strong> Should be a vertical bar (l)</li> <li><strong>Typography:</strong> Open Sans, no smaller than 12px</li> <li><strong>Color:</strong> Light or dark text can be used depending upon the background color/contrast</li> </ul> <p class="arrow-link"><a href="https://brand-experience.ieee.org/download/html-code-sample-of-ieee-meta-navigation/?wpdmdl=3266" target="_blank" rel="noopener noreferrer">Download an HTML code sample of the IEEE meta-navigation (ZIP, 1 KB)</a></p> <p>Sample of IEEE meta-navigation:</p> <p><img fetchpriority="high" decoding="async" class="porto-lazyload alignleft wp-image-14466 size-full" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x31.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png" alt="Image showing required IEEE links in meta navigation of the website." width="1024" height="325" srcset="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x31.jpg 100w" data-srcset="https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image.png 1024w, https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image-768x244.png 768w, https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image-640x203.png 640w, https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image-400x127.png 400w, https://brand-experience.ieee.org/wp-content/uploads/2023/12/sample-ieee-metanavigation-image-367x116.png 367w" sizes="(max-width: 1024px) 100vw, 1024px" /></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031916659 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="ieeemasterbrand" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>IEEE Master Brand</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>The IEEE Master Brand must appear on all IEEE websites, so users are aware that the website is included in the IEEE digital presence, per the below guidelines.</p> <p><a href="http://ieeebrand.wpengine.com/templates-tools-resources/master-brand-and-logos/">Download the IEEE Master Brand</a></p> <ul> <li><strong>Placement:</strong> upper-right corner of the header and within the top one-third of the screen view. It can appear either within the meta-navigation bar, or directly below and to the right of the site identifier. See below for visual guidance.</li> <li><strong>Size:</strong> a minimum of 100 pixels wide by 33 pixels high, and smaller than the site identifier</li> <li><strong>Clear space:</strong> space around the IEEE Master Brand must be 1/2x where x=the height of the letters I-E-E-E</li> <li><strong>Color:</strong> either black or white (the blue IEEE Master Brand is reserved for enterprise-level websites and IEEE.org)</li> <li><strong>Alternative text:</strong> must appear as "IEEE" (without the quotes)</li> <li><strong>Hyperlinking:</strong> must link back to www.ieee.org and should open in the same window</li> <li><strong>Other considerations:</strong> <ul> <li>Ensure there is no white background behind the diamond symbol and never use the IEEE Master Brand as a background, watermark, or wallpaper</li> <li>Should not have any modifications or distortions applied (e.g., drop shadow)</li> <li>Should be displayed in accordance with the <a href="https://brand-experience.ieee.org/download/brand-identity-guidelines/?wpdmdl=686" target="_blank" rel="noopener noreferrer">IEEE Brand Identity Guidelines</a> (PDF, 5 MB)</li> </ul> </li> </ul> <p>IEEE Master Brand placement examples for websites:</p> <p><img decoding="async" class="porto-lazyload alignnone size-full wp-image-769" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x22.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42515090.jpg" alt="" width="680" height="150" /></p> <p> </p> <p><span style="font-weight: 400;">Alternate placement of IEEE Master Brand in the meta-navigation bar. This option should be used sparingly when site designs dictate alternate placement. If this option is used, compliance with IEEE Master Brand guidelines for size and clear space must be maintained per below:</span></p> <p><span style="font-weight: 400;"><img decoding="async" class="porto-lazyload size-full wp-image-9451 alignleft" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x21.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2020/12/ieee-master-brand-top-right-corner.jpg" alt="image showing IEEE meta-navigation with IEEE Master Brand logo on right" width="680" height="149" /><br /> <img decoding="async" class="porto-lazyload aligncenter wp-image-4613 size-large" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x54.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2019/04/Screen-Shot-2018-08-16-at-3.28.22-PM-1-1024x556.png" alt="image showing visual guidance for master brand placement in metanavigation bar" width="788" height="428" srcset="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x54.jpg 100w" data-srcset="https://brand-experience.ieee.org/wp-content/uploads/2019/04/Screen-Shot-2018-08-16-at-3.28.22-PM-1-768x417.png 768w, https://brand-experience.ieee.org/wp-content/uploads/2019/04/Screen-Shot-2018-08-16-at-3.28.22-PM-1-750x407.png 750w" sizes="(max-width: 788px) 100vw, 788px" /><br /> </span></p> <p><a href="https://brand-experience.ieee.org/download/html-code-sample-of-ieee-meta-navigation-with-ieee-master-brand/?wpdmdl=4611"><span style="font-weight: 400;">Download an HTML code sample of the IEEE meta-navigation with IEEE Master Brand (ZIP, 4 KB)</span></a></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031928584 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="siteidentifier" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Site Identifier</strong></h3> <div class="wpb_text_column wpb_content_element vc_custom_1643121089932 wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><span style="font-weight: 400;">The site identifier is a logo or wordmark (or a type treatment) that must appear on all IEEE websites so users can easily identify which IEEE website they are on. </span></p> <p><span style="font-weight: 400;">The site identifier must appear in the upper-left corner of the site header and link to the home page of the site.</span></p> <p>Detailed sub-brand logo guidelines and brand-aligned type treatment guidelines are noted below.</p> <p>Example of site identifier:</p> <p><img decoding="async" class="porto-lazyload wp-image-9223 size-full" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x26.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2020/12/site-identifier-formata.jpg" alt="image showing sample site identifier placement" width="680" height="178" /></p> </div> </div> <section class="vc_do_toggle toggle "><label>Sub-brand logo guidelines</label><div class="toggle-content"><ul> <li style="font-weight: 400;"><span style="font-weight: 400;">Logos for IEEE Societies, Councils, and other entities such as IEEE affinity groups, or for IEEE products, platforms, and IEEE sponsored conferences, are considered sub-brands and have distinct brand guidelines. Please refer to page 31 in the <a href="https://brand-experience.ieee.org/download/brand-identity-guidelines/?wpdmdl=686">IEEE Brand Identity Guidelines</a> (PDF, 6 MB) </span><span style="font-weight: 400;">to view the sub-brand Architecture & Alignment Groups grid to determine which format applies.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Unless the website belongs to an approved IEEE sub-branded entity mentioned above that has its own logo, the name of the site must be included through a brand-aligned wordmark (type treatment) instead of a logo.</span><i><span style="font-weight: 400;"> See brand-aligned type treatment guidelines below.</span></i></li> <li style="font-weight: 400;"><span style="font-weight: 400;">IEEE sub-brand logos should include ™ or ® if formally registered. </span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">The sub-brand logo must contain the letters I-E-E-E and appear larger in size than the IEEE Master Brand to avoid confusion as to which site the visitor is on.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">If your logo has a tagline included, this text can be indicated in a slightly smaller font size under the logo or wordmark, and in italic.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">New logos must be reviewed by IEEE prior to implementation for compliance with the IEEE brand and to ensure that use is permitted to avoid copyright infringement.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Learn more about logo usage, design, and wordmark styling in the <a href="https://brand-experience.ieee.org/download/brand-identity-guidelines/?wpdmdl=686">IEEE Brand Identity Guidelines</a> (PDF, 6 MB) under the Sub-Brand Architecture section.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">For questions on IEEE branding, sub-brand logo design creation, or review, please review the <a href="https://brand-experience.ieee.org/ieee-brand/frequently-asked-questions/">IEEE Brand FAQs</a> or submit your inquiry via the </span><span style="font-weight: 400;"><a href="https://brand-experience.ieee.org/ieee-brand/brand-inquiries-form/">IEEE Brand Inquiries Form</a>.</span><span style="font-weight: 400;"> </span></li> </ul> </div></section><section class="vc_do_toggle toggle "><label>Brand-aligned type treatment guidelines</label><div class="toggle-content"><ul> <li style="font-weight: 400;"><span style="font-weight: 400;">The type treatment must contain the letters I-E-E-E and appear larger in size than the IEEE Master Brand to avoid confusion as to which site the visitor is on. The letters I-E-E-E must be included in uppercase.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Text can fit on 1–3 lines depending on the length of copy of the identifier.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Letters I-E-E-E must be used within the name at same size if on the same line or above. If on a separate line, IEEE can be the same size, or the height of letters can be less prominent (75% of the height of the rest of letters).</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Acronyms used in the name must be spelled out (excluding the “IEEE” acronym).</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">If your type treatment has a tagline included, this text can be indicated in a slightly smaller font size under the logo or wordmark, and in italic.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Color of letters should be IEEE blue, black, or reversed to white if in a colored bar, or they can be one of the approved IEEE color accents where appropriate.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Overall color use must be from the IEEE color palette.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Avoid use of more than two accent colors from the IEEE color palette. <em>(Ensure proper contrast is maintained; avoid use of light colors on light backgrounds or dark colors on dark backgrounds.)</em></span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Font style must be Formata Medium or Formata Medium Condensed based on the length of the site name.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Font sizes should maintain the aspect ratios when used on responsive platforms and should be scaled based on header space available. <a href="https://docs.google.com/document/d/1meOG_N7MWERTmoG0n2DtPWIL2d-yiRVcQjTGTXmOw9E/edit?usp=sharing">Examples of wordmark sizes.</a></span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">All type treatments for websites must be reviewed as part of the IEEE website review process. Please email <a href="mailto:exd-team@ieee.org">exd-team@ieee.org</a> to request a review.</span></li> </ul> </div></section></div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031939320 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="footersection" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Footer</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>All IEEE sites must utilize the following guidelines for site footers:</p> <ul> <li><strong>Administrative links:</strong> <ul> <li><span style="color: red; font-size: small;">* </span>Home: Link to the home page of the website (should appear as first link)</li> <li><span style="color: red; font-size: small;">* </span>Contact: Link to the contact page/form/email alias for the website or program the website belongs to</li> <li><span style="color: red; font-size: small;">* </span>Accessibility: Link to the IEEE Accessibility Statement page (<a href="https://www.ieee.org/accessibility_statement.html" target="_blank" rel="noopener noreferrer">https://www.ieee.org/accessibility_statement.html</a>)</li> <li><span style="color: red; font-size: small;">* </span>Nondiscrimination Policy: Link to the IEEE Nondiscrimination Policy page (<a href="https://www.ieee.org/about/corporate/governance/p9-26.html" target="_blank" rel="noopener noreferrer">https://www.ieee.org/nondiscrimination</a>)</li> <li><span style="color: red; font-size: small;">* </span>IEEE Ethics Reporting: Link to the IEEE Ethics Reporting Line page (<a class="Xx" dir="ltr" tabindex="-1" href="http://www.ieee-ethics-reporting.org" target="_blank" rel="nofollow noreferrer noopener" data-display="www.ieee-ethics-reporting.org" data-sanitized="https://www.google.com/url?q=http://www.ieee-ethics-reporting.org&sa=D&source=hangouts&ust=1617385839221000&usg=AFQjCNF6BcXNgqC-QdHuw8sJ6V7DJmBhhQ">www.ieee-ethics-reporting.org</a>)</li> <li><span style="color: red; font-size: small;">* </span>Terms & Disclosures: Link to the IEEE Terms and Conditions page (<a href="https://www.ieee.org/about/help/site_terms_conditions.html" target="_blank" rel="noopener noreferrer">https://www.ieee.org/site_terms_conditions.html</a>)</li> <li><span style="color: red; font-size: small;">* </span>IEEE Privacy Policy: Link to the IEEE Privacy Policy page (<a href="https://www.ieee.org/about/help/security_privacy.html">https://www.ieee.org/about/help/security_privacy.html</a>)</li> <li>Sitemap/More Sites: Link to the website sitemap (when available) or to More Sites (<a href="https://www.ieee.org/sitemap.html">https://www.ieee.org/sitemap.html</a>)</li> <li>Help: Link to instructional content for the website (if applicable)</li> <li>Feedback: Link to form/email alias for users to give feedback about the website (if applicable)</li> </ul> </li> <li><span style="color: red; font-size: small;">* </span><strong>Copyright line:</strong> © Copyright 2024 IEEE – All rights reserved.</li> <li><strong><span style="color: red; font-size: small;">* </span>Descriptor: </strong>A public charity, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.</li> <li><strong>Design: </strong>Use either a border or a different background color to ensure visual separation between the footer and the page areas above</li> <li><strong>Width: </strong>Extends the full width of the page (if possible)</li> </ul> <p><span style="color: red;">* Denotes required administrative links/language in the digital site footer. Do not replicate the policies listed above. Link directly to the IEEE policies.</span> If you believe there is a conflict or that your site has need for a more explicit or restrictive policy, please contact the <a href="https://brand-experience.ieee.org/contact/digital-contact-form/">Experience Design team</a>.</p> <p><a href="https://brand-experience.ieee.org/download/sample-ieee-footer-html-code/?wpdmdl=2404" target="_blank" rel="noopener noreferrer">Download an HTML sample of the IEEE footer code (ZIP, 2 KB)</a></p> <p>Sample footer:<br /> <img decoding="async" class="porto-lazyload alignnone size-large wp-image-15946" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x11.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-1024x117.png" alt="" width="1024" height="117" srcset="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x11.jpg 100w" data-srcset="https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-1024x117.png 1024w, https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-768x88.png 768w, https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-640x73.png 640w, https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-400x46.png 400w, https://brand-experience.ieee.org/wp-content/uploads/2024/11/IEEE-Footer-TermsDisclosures_112024-367x42.png 367w" sizes="(max-width: 1024px) 100vw, 1024px" /></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031951959 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="gdprpolicyadherence" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>GDPR Policy Adherence</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>In addition to the requirement to include the IEEE Privacy Policy, Terms & Conditions, and Nondiscrimination Policy in site footers, all IEEE sites and digital teams are required to adhere to the practices specified within the policies. Sites may not have a unique privacy policy unless it is more restrictive than the IEEE Privacy Policy. In these instances, permission for an exception must be approved by the IEEE Privacy Officer.</p> <p><a href="http://www.ieee.org/about/help/security_privacy.html" target="_blank" rel="noopener noreferrer">Review the IEEE privacy policy</a></p> <p><a href="https://supportcenter.ieee.org/app/answers/list/p/1077,1294/session/L3RpbWUvMTM0MTMyMTM1NC9zaWQvTGlseU5jKms%3D" target="_blank" rel="noopener noreferrer">Learn more about the IEEE privacy policy through the FAQ section of the IEEE Support Center</a></p> <p>Additional questions related to the IEEE Privacy Policy should be emailed to the IEEE Privacy Officer at <a href="mailto:privacy@ieee.org">privacy@ieee.org</a>.</p> <p><strong>IEEE cookie banner </strong><br /> In order to comply with the European Union (EU) regulation called the General Data Protection Regulation (GDPR), site managers must implement a banner to their websites that outlines our policy on cookie collection.</p> <div><a href="https://docs.google.com/document/d/1nZsN2CUVoOGVY8VKNJyAjC9oOvRvD4SLH-LEgEV6Hvg/edit" target="_blank" rel="noopener">FAQs for members and volunteers who manage IEEE sites</a></div> <div><a href="https://docs.google.com/document/d/1ZDU9-QIMbYjQu01V8UzoEKP4NmdF-NDmS09J4klBA0A/edit" target="_blank" rel="noopener">FAQs for IEEE staff who manage IEEE sites</a></div> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031963574 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="searchtools" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Search Tools</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>Search tools help users find content on a site through the use of a search engine that indexes the content on the site. This tool is most useful when users do not want to browse for content or are unable to find content via browsing.</p> <p><strong>Sample search area using conventional placement in header area of the site:</strong></p> <p><img decoding="async" class="alignnone size-full wp-image-797" src="https://brand-experience.ieee.org/wp-content/uploads/2022/06/search-tools-v1.jpg" alt="A screenshot of an IEEE website header that contains a full search bar which has a placeholder text and a search icon." /></p> <p><strong>Sample search area with dropdown treatment using conventional placement in header area of the site:</strong></p> <p><img decoding="async" class="alignnone size-full wp-image-798" src="https://brand-experience.ieee.org/wp-content/uploads/2022/06/search-tools-v2.jpg" alt="A screenshot of an IEEE website header that contains a search icon which can be expanded to use the search functionality." /></p> </div> </div> <section class="vc_do_toggle toggle "><label>Placement</label><div class="toggle-content"><ul> <li>If used, search tools (field, label, and button) must be placed in a consistent and global area within the digital site’s design.</li> <li>Search tools are traditionally placed in the header area of a site or in proximity to the global navigation for quick access.</li> <li>Global search tools must appear on all pages of the site for quick access and aid findability of content.</li> <li>Other search tools, if warranted, should appear contextually with content on the relevant page(s).</li> </ul> </div></section><section class="vc_do_toggle toggle "><label>Design</label><div class="toggle-content"><ul> <li>Global search tools can be presented using either: <ul> <li>A search field/box (conventional usage)</li> <li>A search field/box designed as/alongside a dropdown if providing faceted search options</li> </ul> </li> <li>Search tools must be clearly visible and recognizable through the use of good recognition aids such as: <ul> <li>Field labels placed to the left of the search field or inside (note accessibility requirements for placing the label inside). Example: Search IEEE Xplore</li> <li>Search button <ul> <li>Must be placed in close proximity to the right of the search field</li> <li>Button label text must say “Search” instead of “Go” or other text labels</li> </ul> </li> <li>A magnifying glass inside the search field [optional]</li> <li>Hint text inside the search field [optional]</li> <li>Search tips and advanced search can be included if available.</li> </ul> </li> </ul> </div></section><section class="vc_do_toggle toggle "><label>Accessibility requirements</label><div class="toggle-content"><ul> <li>When using a magnifying glass, ensure that the code label says “search” and not “magnifying glass”</li> <li>Hint text if placed inside the search field must meet the following code requirements to support screen reading software via invisible form labels. Use one of the following three suggested techniques to apply invisible form labels:</li> </ul> <p><i>1. Hidden <label></i></p> <p>Hide the <label> element off-screen using CSS. The label will not appear visually but will still be read by a screen reader. Create a CSS style called “hidden” and apply it to the <label> element.</p> <p>HTML<label class=”hidden” for=”s”>Search Terms</label><br /> <input type=”text” id=”s” name=”s”></p> <p>CSS</p> <p>.hidden</p> <p>{position:absolute;<br /> left:-10000px;<br /> top:auto;<br /> width:1px;<br /> height:1px;<br /> overflow:hidden;}</p> <p><i>2. Title Attribute</i></p> <p>If a form field has a title attribute, but no <label>, the screen reader will read the title as if it were a label.</p> <p>HTML</p> <p><input id=”s” type=”text” name=”s” title=”Search Terms”></p> <p><i>3. Aria-label</i></p> <p>The aria-label attribute can also be used when there is no text label on the page. Add the aria-label to the input element.</p> <p>HTML</p> <p><input id=”s” type=”text” name=”s” aria-label=”Search Terms”></p> <p><strong>Important to note:</strong></p> <ul> <li>Only one of these recommendations should be implemented. Using two or more together (e.g., a hidden <label> and a duplicate title attribute) can cause information to be repeated by a screen reader.</li> <li>Placeholder text (e.g., <input type=”text” placeholder=”Search WebAIM”>) is not a suitable label and should never be used in place of the above techniques.</li> </ul> <p><strong>Resources:</strong></p> <p class="arrow-link"><a href="http://webaim.org/techniques/forms/advanced" target="_blank" rel="noopener noreferrer">WebAIM Advanced Form Labeling</a></p> <p class="arrow-link"><a href="http://webaim.org/techniques/css/invisiblecontent/" target="_blank" rel="noopener noreferrer">Invisible Content Just for Screen Reader Users</a></p> </div></section><section class="vc_do_toggle toggle "><label>Sample search engine technologies</label><div class="toggle-content"><ul> <li><a href="https://cse.google.com/cse/all" target="_blank" rel="noopener noreferrer">Google Custom Search Engine</a></li> <li><a href="https://www.oracle.com/applications/customer-experience/commerce/products/commerce-platform/index.html" target="_blank" rel="noopener noreferrer">Oracle Endeca</a></li> <li><a href="https://en.support.wordpress.com/search-engines/" target="_blank" rel="noopener noreferrer">WordPress search engine</a></li> <li><a href="https://www.elastic.co/products/elasticsearch" target="_blank" rel="noopener noreferrer">Elasticsearch</a></li> </ul> <p class="arrow-link"><a href="http://www.ieee.org/about/webteam/resources/search_optimization.html" target="_blank" rel="noopener noreferrer">Also review search engine optimization guidelines</a></p> </div></section></div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031976840 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="ieeefavicon" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>IEEE Favicon</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><span style="font-weight: 400;"><img decoding="async" class="porto-lazyload size-full wp-image-774 alignleft" src="https://brand-experience.ieee.org/wp-content/themes/porto/images/lazy.png" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42074532.jpg" alt="" width="60" height="60" />The IEEE favicon (short for "favorites icon") is a square icon that appears in the address bar for browsers, browser tabs, app icons within mobile and tablet devices, and browser bookmarks as an identifier for a IEEE web page or IEEE website. </span></p> <ul> <li style="font-weight: 400;"><span style="font-weight: 400;">All official IEEE sites are required to use the IEEE favicon, or an approved IEEE sub-brand favicon, as a way to improve user experience and leverage the IEEE brand.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Color can be customized to align with the color themes of the site. </span><a href="https://brand-experience.ieee.org/services-contact/digital-contact-form/"><span style="font-weight: 400;">Contact the Experience Design team</span></a><span style="font-weight: 400;"> if approval is needed.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">The IEEE favicon file set contains favicon files for touch icons on iOS and Android platforms as well as .ico file recognized by all browsers.</span></li> </ul> <p><a href="https://brand-experience.ieee.org/download/ieee-favicon-2/?wpdmdl=8949" target="_blank" rel="noopener noreferrer">Download the IEEE favicon file set</a> (ZIP, 221 KB)</p> <p><a href="https://docs.google.com/document/d/1dOg9czASc9Ya1isdVRbQAZvvvUZbVhvD1rniR1P4-TA/edit?usp=sharing"><span style="font-weight: 400;">View tutorial to add/update the IEEE favicon on your website</span></a></p> <p>Sample favicon usage within a browser:</p> <p><img decoding="async" class="porto-lazyload size-full wp-image-780 alignnone" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x18.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42447251.jpg" alt="IEEE.org Favicon" width="500" height="90" /></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031988190 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="sitepurpose" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Site Purpose</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>The site purpose should be obvious either through the site identifier or through positioning copy placed prominently within the site header. However, if for some reason the site's header cannot adequately convey this information, it should be placed in another prominent position within the home page.</p> <p>Sample site purpose placement:</p> <p><img decoding="async" class="porto-lazyload alignnone size-full wp-image-796" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x22.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42515092.jpg" alt="" width="680" height="150" /></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579032000334 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="homepagecontentlayoutbestpractices" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Home Page Content Layout Best Practices</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>All IEEE digital sites should adhere to the following best practices and principles for page layout.</p> <p><strong>Establish hierarchy to aid readers' understanding and focus</strong></p> <ul> <li>Place important elements near the top of the page.</li> <li>Use headings, subheadings, or bolding for key words, phrases, or topic divisions (but use bold sparingly).</li> <li>Use white space to separate topics or to make important elements stand out.</li> </ul> <p><strong>Show relationships between content</strong></p> <ul> <li>Group similar items together and place them in proximity to each other to show similarity.</li> <li>Nest an item under another item to show a child/parent relationship.</li> </ul> <p><strong>Other tips for creating a more readable, interesting page layout</strong></p> <ul> <li>Break text into short paragraphs or create bulleted lists.</li> <li>Incorporate links to other relevant content.</li> <li>Use left and right columns for appropriate content.</li> <li>Use images, charts, graphs, videos, and/or tables where appropriate to present or support complex information.</li> </ul> <p><strong>Alert messages</strong><strong>:</strong> Home pages should be designed with a prominent area in which user notifications can be posted by the site owner in the event of an emergency. A process should be in place to ensure that such messaging can be posted or removed in a timely manner.</p> <p>Sample alert message:</p> <p><img decoding="async" class="porto-lazyload alignnone size-full wp-image-802" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x52.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42447269.jpg" alt="" width="680" height="360" /></p> <p><strong>Image carousels:</strong> Billboard-like promotional areas may be used on home pages and/or sub pages; however, the following conditions should be met:</p> <ul> <li>All content should align with the purpose and tone of the site.</li> <li>Animation should be user-controlled (advance, pause, stop, play, mute, etc.) and optimized for accessibility and usability. Ensure there is enough color contrast between the controls and the background images.</li> <li>Animated frame advancement should allow all content to be read (typically eight–ten seconds).</li> <li>Flash files (if used) should be animated at 18 frames per second (fps).</li> </ul> <p>Sample image carousel:</p> <p><img decoding="async" class="porto-lazyload alignnone size-full wp-image-803" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x52.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42447252.jpg" alt="" width="680" height="360" /></p> <p>Please reference the sample home page wireframe in the following section as a guideline for how home page elements might appear on an IEEE site.</p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579032013292 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="samplewireframes" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Sample Wireframes</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>When planning to create a website, the site's information/design structure is very important. Some tools that could be used in this planning phase are wireframes, visual comps, storyboards, and interactive prototypes. A wireframe is a very basic visual guide used in digital design to lay out a structure. The sample wireframes below illustrate a home page and a subpage that contain the basic design elements that would improve the user experience.</p> <p>Home page wireframe (left) Lower-level page wireframe (right)</p> <p><img decoding="async" class="porto-lazyload alignnone size-full wp-image-804" src="https://brand-experience.ieee.org/wp-content/uploads/porto_placeholders/100x48.jpg" data-oi="https://brand-experience.ieee.org/wp-content/uploads/2016/12/42126403.jpg" alt="" width="710" height="346" /></p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579032026708 vc_row-has-fill"><div class="section-side-dark-blue vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner"><h3 style="color: #0b5172" id="reviewsandwebsiteevaluations" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Reviews and Website Evaluations</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>All new/redesigned IEEE websites should be reviewed by the Experience Design (ExD) team during the following stages: wireframes, visual designs, and prior to launch at the beta URL stage. The ExD review will include prioritized comments on IEEE branding and accessibility requirements, ways to increase the website's usability, and enhancements to the SEO/meta data. These reviews are meant to identify potential opportunities for optimization and to ensure all of the requirements are met prior to launch.</p> <p><a href="https://brand-experience.ieee.org/services-contact/digital-contact-form/">Request an IEEE website review</a></p> <p>To learn more, review the following:</p> <ul> <li><a href="https://brand-experience.ieee.org/templates-tools-resources/resources/usability/">Usability and Accessibility</a></li> <li><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/site-manager-responsibilities-administration/" target="" rel="noopener noreferrer">Site Manager Responsibilities/Site Administration</a></li> </ul> </div> </div> </div></div></div></div></div></div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="footer-wrapper"> <div id="footer" class="footer footer-1" > <div class="footer-main"> <div class="container"> <div class="row"> <div class="col-lg-4"> <aside id="block-3" class="widget widget_block widget_text"> <p><strong style="font-size: 18px;">Explore more resources</strong></p> </aside><aside id="block-5" class="widget widget_block"><ul><li><a href="/ieee-brand/">The IEEE Brand</a></li><li><a href="/guidelines/">Assets & Guidelines</a></li><li><a href="/templates-tools-resources/">Templates</a></li><li><a href="/services/">Services</a></li><li><a href="/promo-library/">Promo Library</a></li><li><a href="/creative/">Toolkits</a></li><li><a href="/contact/exd-contact-form/">Contact</a></li><li><a href="/sitemap/" data-type="page" data-id="716">Sitemap</a></li></ul></aside> </div> <div class="col-lg-4"> <aside id="block-6" class="widget widget_block widget_text"> <p><strong style="font-size: 18px;">Subscribe to the IEEE Brand Experience Bulletin</strong></p> </aside><aside id="block-10" class="widget widget_block widget_text"> <p>Subscribe to receive our monthly newsletter with brand and digital resources for IEEE volunteers and staff.</p> </aside><aside id="block-7" class="widget widget_block"><a class="ieee-e87722-cta" href="/resources/ieee-brand-experience-bulletin/">Sign up!</a></aside> </div> <div class="col-lg-4"> <aside id="block-8" class="widget widget_block"><div class='footer-social-media'><a href="https://ieee-collabratec.ieee.org/" class="collabratec" title="Collabratec"><img src="https://brand-experience.ieee.org/wp-content/themes/porto-child/img/collabratec.png" alt="Collabratec icon"></a><a href="https://www.facebook.com/IEEE.org" class="facebook" title="Facebook"><i class="fas fa-users"></i></a><a href="https://twitter.com/IEEEorg" class="twitter" title="Twitter"><img src="https://brand-experience.ieee.org/wp-content/themes/porto-child/img/x-logo-white.png" width="17" height="20" alt="Collabratec icon"></a><a href="https://www.linkedin.com/company/ieee" class="linkedin" title="LinkedIn"><i class="fab fa-linkedin fa-lg"></i></a><a href="https://www.youtube.com/user/IEEEorg" class="youtube" title="YouTube"><i class="fab fa-youtube fa-lg"></i></a><a href="https://www.instagram.com/ieeeorg/" class="instagram" title="Instagram"><i class="fab fa-instagram fa-lg"></i></a></div><p></p></aside> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="footer-left"> <span class="footer-copyright"><p><a href="/">Home</a> | <a href="/sitemap">Sitemap</a> | <a href="/contact/digital-contact-form/">Contact</a> | <a href="https://www.ieee.org/accessibility-statement.html">Accessibility</a> | <a href="https://www.ieee.org/about/corporate/governance/p9-26.html">Nondiscrimination Policy</a> | <a href="http://ieee-ethics-reporting.org/">IEEE Ethics Reporting</a> | <a href="https://www.ieee.org/security-privacy.html">IEEE Privacy Policy</a> | <a href="https://www.ieee.org/about/help/site-terms-conditions.html">Terms & Disclosures</a> | <a href="/home/site-feedback-form/">Site Feedback</a></p> <p>© Copyright 2024 IEEE – All rights reserved. A public charity, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.</p> <br><br></span> </div> </div> </div> </div> </div> </div>  <script> function openNavigation(){ if (window.innerWidth < 768) { document.getElementById("sidebarNavigation").style.width = "100%"; document.getElementById("sidebarNavigation").style.display = "block"; document.getElementById("sidebarNavigation").style.visibility = "visible"; } else { document.getElementById("sidebarNavigation").style.width = "420px"; document.getElementById("sidebarNavigation").style.display = "block"; document.getElementById("sidebarNavigation").style.visibility = "visible"; } return false; } function closeNavigation(){ document.getElementById("sidebarNavigation").style.width = "0"; document.getElementById("sidebarNavigation").style.display = "none"; document.getElementById("sidebarNavigation").style.visibility = "hidden"; return false; } </script> <script> const node = document.getElementById('hamburgerNav'); node.addEventListener('keydown', function onEvent(event) { if (event.key === "Enter") { if (window.innerWidth < 768) { document.getElementById("sidebarNavigation").style.width = "100%"; document.getElementById("sidebarNavigation").style.display = "block"; document.getElementById("sidebarNavigation").style.visibility = "visible"; } else { document.getElementById("sidebarNavigation").style.width = "420px"; document.getElementById("sidebarNavigation").style.display = "block"; document.getElementById("sidebarNavigation").style.visibility = "visible"; } return false; } function closeNavigation(){ document.getElementById("sidebarNavigation").style.width = "0"; document.getElementById("sidebarNavigation").style.display = "none"; document.getElementById("sidebarNavigation").style.visibility = "hidden"; return false; } } </script>  <script> var acc = document.getElementsByClassName("sub-menu-toggle"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var subMenuClass = this.nextElementSibling; if (subMenuClass.style.display === "block") { subMenuClass.style.display = "none"; } else { subMenuClass.style.display = "block"; } }); } </script>  <script> if (window.innerWidth > 1198) { (function($, window) { var adjustAnchor = function() { var $anchor = $(':target'), fixedElementHeight = 120; if ($anchor.length > 0) { $('html, body') .stop() .animate({ scrollTop: $anchor.offset().top - fixedElementHeight }, 200); } }; $(window).on('hashchange load', function() { adjustAnchor(); }); })(jQuery, window); } </script> <div class="panel-overlay" ></div> <a href="#" aria-label="Mobile Close" class="side-nav-panel-close"><i class="fas fa-times"></i></a> <div id="side-nav-panel" class="panel-right"> <div class="skeleton-body porto-ajax-loading"><i class="porto-loading-icon"></i></div> </div> <script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = false; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <script> jQuery(function($){ }); </script> <div id="fb-root"></div> <style> .wpdm-popover { transition: all ease-in-out 400ms; position: relative;display: inline-block; } .wpdm-popover .wpdm-hover-card { position: absolute; left: 0; bottom: 50px; width: 100%; transition: all ease-in-out 400ms; margin-bottom: 28px; opacity: 0; z-index: -999999; } .wpdm-popover:hover .wpdm-hover-card { transition: all ease-in-out 400ms; opacity: 1; z-index: 999999; bottom: 0px; } .wpdm-popover .wpdm-hover-card.hover-preview img { width: 104px; border-radius: 3px; } .wpdm-popover .card .card-footer{ background: rgba(0,0,0,0.02); } .packinfo { margin-top: 10px; font-weight: 400; font-size: 14px; } </style> <script> jQuery(function ($) { $('a[data-show-on-hover]').on('hover', function () { $($(this).data('show-on-hover')).fadeIn(); }); }); </script> <script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script><link rel='stylesheet' id='rs-plugin-settings-css' href='//brand-experience.ieee.org/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.20' media='all' /> <style id='rs-plugin-settings-inline-css'> #rs-demo-id {} </style> <script src="https://brand-experience.ieee.org/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/flexy-breadcrumb/public/js/flexy-breadcrumb-public.js?ver=1.2.1" id="flexy-breadcrumb-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/super-video-player/admin/blocks/block-script.js?ver=1.7.4" id="block-script-js"></script> <script src="https://brand-experience.ieee.org/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=8.0.1" id="wpb_composer_front_js-js"></script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/bootstrap.optimized.min.js?ver=5.0.1" id="bootstrap-js"></script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/libs/jquery.cookie.min.js?ver=1.4.1" id="jquery-cookie-js"></script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/libs/owl.carousel.min.js?ver=2.3.4" id="owl.carousel-js"></script> <script src="https://brand-experience.ieee.org/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script async="async" src="https://brand-experience.ieee.org/wp-content/themes/porto/js/libs/jquery.magnific-popup.min.js?ver=1.1.0" id="jquery-magnific-popup-js"></script> <script id="porto-theme-js-extra"> var js_porto_vars = {"rtl":"","theme_url":"https:\/\/brand-experience.ieee.org\/wp-content\/themes\/porto-child","ajax_url":"https:\/\/brand-experience.ieee.org\/wp-admin\/admin-ajax.php","cart_url":"","change_logo":"1","container_width":"1170","grid_gutter_width":"30","show_sticky_header":"1","show_sticky_header_tablet":"","show_sticky_header_mobile":"","ajax_loader_url":"\/\/brand-experience.ieee.org\/wp-content\/themes\/porto\/images\/ajax-loader@2x.gif","category_ajax":"","compare_popup":"","compare_popup_title":"","prdctfltr_ajax":"","slider_loop":"1","slider_autoplay":"1","slider_autoheight":"1","slider_speed":"5000","slider_nav":"","slider_nav_hover":"1","slider_margin":"","slider_dots":"1","slider_animatein":"","slider_animateout":"","product_thumbs_count":"4","product_zoom":"1","product_zoom_mobile":"1","product_image_popup":"1","zoom_type":"inner","zoom_scroll":"1","zoom_lens_size":"200","zoom_lens_shape":"square","zoom_contain_lens":"1","zoom_lens_border":"1","zoom_border_color":"#888888","zoom_border":"0","screen_xl":"1200","screen_xxl":"1420","mfp_counter":"%curr% of %total%","mfp_img_error":"<a href=\"%url%\">The image<\/a> could not be loaded.","mfp_ajax_error":"<a href=\"%url%\">The content<\/a> could not be loaded.","popup_close":"Close","popup_prev":"Previous","popup_next":"Next","request_error":"The requested content cannot be loaded.<br\/>Please try again later.","loader_text":"Loading...","submenu_back":"Back","porto_nonce":"e3ec8f619a","use_skeleton_screen":[],"user_edit_pages":"","quick_access":"Click to edit this element.","goto_type":"Go To the Type Builder.","legacy_mode":"1","lazyload_menu":"pageload"}; </script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/theme.min.js?ver=7.2.8" id="porto-theme-js"></script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/lazy-menu.min.js?ver=7.2.8" id="porto-lazyload-menu-js"></script> <script async="async" src="https://brand-experience.ieee.org/wp-content/themes/porto/js/theme-async.min.js?ver=7.2.8" id="porto-theme-async-js"></script> <script async="async" src="https://brand-experience.ieee.org/wp-content/themes/porto/js/post-ajax-modal.min.js?ver=7.2.8" id="porto-post-ajax-modal-js"></script> <script async="async" src="https://brand-experience.ieee.org/wp-content/themes/porto/js/portfolio-async.min.js?ver=7.2.8" id="porto-portfolio-async-js"></script> <script src="https://brand-experience.ieee.org/wp-content/themes/porto/js/libs/lazyload.min.js?ver=1.9.7" id="lazyload-js"></script> <script></script><script>jQuery(document).ready(function($){ $('.custom-faq-toggle article.faq').eq(0).find('.toggle').addClass('active'); $('.custom-faq-toggle article.faq').eq(0).find('.toggle-content').show(); });</script></body> </html>