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>Digital Guidelines - IEEE Brand Experience</title> <meta name="description" content="This contains an overview of web-related requirements and style guidelines for IEEE employees, volunteers, and partners involved in of IEEE websites." /> <link rel="canonical" href="https://brand-experience.ieee.org/guidelines/digital/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Digital Guidelines - IEEE Brand Experience" /> <meta property="og:description" content="This contains an overview of web-related requirements and style guidelines for IEEE employees, volunteers, and partners involved in of IEEE websites." /> <meta property="og:url" content="https://brand-experience.ieee.org/guidelines/digital/" /> <meta property="og:site_name" content="IEEE Brand Experience" /> <meta property="article:modified_time" content="2021-07-22T14:10:53+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="6 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/","url":"https://brand-experience.ieee.org/guidelines/digital/","name":"Digital Guidelines - IEEE Brand Experience","isPartOf":{"@id":"https://brand-experience.ieee.org/#website"},"datePublished":"2016-12-19T15:52:30+00:00","dateModified":"2021-07-22T14:10:53+00:00","description":"This contains an overview of web-related requirements and style guidelines for IEEE employees, volunteers, and partners involved in of IEEE websites.","breadcrumb":{"@id":"https://brand-experience.ieee.org/guidelines/digital/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://brand-experience.ieee.org/guidelines/digital/"]}]},{"@type":"BreadcrumbList","@id":"https://brand-experience.ieee.org/guidelines/digital/#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"}]},{"@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{margin-bottom:0.625rem;margin-top:0;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.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_do_toggle{margin-bottom:22px;}.vc_do_toggle{margin-bottom:22px;}.vc_do_custom_heading{margin-bottom:0.625rem;margin-top:0;}.vc_custom_1510353977582{margin-bottom: 35px !important;}.vc_custom_1510896013076{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_1510590591834{margin-top: 0px !important;padding-top: 0px !important;background-color: #ebeae8 !important;}.vc_custom_1579031503388{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_1579031512883{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_1579031526228{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_1511986167893{padding-top: 10px !important;padding-right: 15px !important;padding-bottom: 10px !important;padding-left: 15px !important;background-color: #ebeae8 !important;border-radius: 10px !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/573" /><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=573' /> <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%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%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."/> <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-573 page-parent page-child parent-pageid-1795 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 current-menu-ancestor current-menu-parent current-page-parent current_page_parent 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-menu-item page_item page-item-573 current_page_item menu-item-has-children menu-item-590"><a href="https://brand-experience.ieee.org/guidelines/digital/" aria-current="page">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 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">Digital Guidelines</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 class="active post-page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name" title="Digital Guidelines">Digital Guidelines</span><meta itemprop="position" content="3" /></li> </ol> <div class="clearfix"></div> </div> </div> <div id="content" role="main"> <article class="post-573 page type-page status-publish hentry"> <h2 class="entry-title" style="display: none;">Digital Guidelines</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">2021-07-22T10:10:53-04:00</span> <div class="page-content"> <div class="wpb-content-wrapper"><div class="vc_row wpb_row row top-row vc_custom_1510353977582 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_1510896013076 wht wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><strong>Guidelines</strong></p> </div> </div> <div class="wpb_text_column wpb_content_element vc_custom_1510590591834 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-46"><a href="https://brand-experience.ieee.org/guidelines/master-brand-and-logos/">Master Brand and Logos</a></li> <li class="page_item page-item-572 page_item_has_children"><a href="https://brand-experience.ieee.org/guidelines/brand-identity/">Brand Identity Guidelines</a></li> <li class="page_item page-item-573 page_item_has_children current_page_item"><a href="https://brand-experience.ieee.org/guidelines/digital/" aria-current="page">Digital Guidelines</a></li> <li class="page_item page-item-3985 page_item_has_children"><a href="https://brand-experience.ieee.org/guidelines/social-media/">Social Media Guidelines</a></li> <li class="page_item page-item-13822 page_item_has_children"><a href="https://brand-experience.ieee.org/guidelines/sub-brand-resources/">IEEE Sub-Brand Resources</a></li></ul></div> </div> </div> </div></div><div class="vc_column_container col-md-9"><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>Digital Guidelines</strong></h1> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>This section contains an overview of web-related requirements and style guidelines for IEEE employees, volunteers, and partners (vendors, consultants, or contract workers) involved in the development or enhancement of IEEE websites. IEEE websites that are not fully IEEE owned (partner sites) are encouraged to meet requirements as appropriate; however, compliance is not mandatory unless noted.</p> </div> </div> <div class="vc_row wpb_row vc_inner row"><div class="inner-nav vc_column_container col-md-6"><div class="wpb_wrapper vc_column-inner"> <div class="wpb_text_column wpb_content_element vc_custom_1511986167893 beotp wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p><strong>On this page:</strong></p> <ul> <li><a href="#purpose">Purpose</a></li> <li><a href="#process">Process </a></li> <li><a href="#links">Links in this section</a></li> </ul> </div> </div> </div></div><div class="vc_column_container col-md-6"><div class="wpb_wrapper vc_column-inner"></div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031503388 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="purpose" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Purpose</strong></h3><section class="vc_do_toggle toggle "><label>Improve the reputation of IEEE</label><div class="toggle-content"><p>The IEEE digital presence is the organization’s primary public interface, accessible to virtually anyone at any time. Many IEEE audiences form their first, and often only, impression of IEEE through online experiences. Consequently the IEEE digital presence has significant impact on the reputation of the organization.</p> </div></section><section class="vc_do_toggle toggle "><label>Improve web presence quality, alignment and user experience</label><div class="toggle-content"><p>Guidelines help bring the IEEE digital presence into better alignment while ensuring quality content and user-centered design (UCD). UCD focuses on users throughout the planning, design, and development stages of a project – allowing digital publishers to foresee how users are likely to respond to a given interface through usability research and evaluation.</p> </div></section><section class="vc_do_toggle toggle "><label>Increase member, customer and visitor engagement</label><div class="toggle-content"><p>Well-aligned, high-quality web content will not only improve users' experiences and perceptions of IEEE, it will also increase their interest in IEEE activities, groups, products, and services.</p> </div></section><section class="vc_do_toggle toggle "><label>Clarify requirements of IEEE web managers</label><div class="toggle-content"><p>This document serves to clarify expectations of IEEE web managers, related to web projects and processes, and to consolidate and source several pre-existing requirements within a single location.</p> </div></section><section class="vc_do_toggle toggle "><label>Save IEEE money and save employees and volunteers time and effort</label><div class="toggle-content"><p>Valuable IEEE human and financial resources can be conserved by leveraging the infrastructure and reusable resources outlined in this document, as well as by preventing rework as a result of misunderstood requirements.</p> </div></section><section class="vc_do_toggle toggle "><label>Support of IEEE goals and aspirations</label><div class="toggle-content"><p>IEEE digital publisher guidelines also aim to support the IEEE 5-Year Aspiration as well as the following IEEE goals.</p> <ul> <li>Delivering a best-in-class user experience by aggressively leveraging technologies</li> <li>Creating new opportunities for member and customer engagement</li> </ul> </div></section></div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031512883 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="process" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Process</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <p>IEEE web requirements and guidelines are continually being reevaluated and updated as appropriate with consideration of the following:</p> <ul> <li>Input from trusted industry experts/consultants</li> <li>Web analytics and user research findings</li> <li>Organizational or industry trends and best practices</li> <li>Resources available to IEEE employees and publishers</li> <li>Related IEEE guidelines or policies</li> <li>Feedback from the IEEE digital publisher and user community</li> </ul> <p>Questions and requests for exceptions should be submitted through the Experience Design Team contact form.</p> </div> </div> </div></div></div><div class="vc_row wpb_row vc_inner row vc_custom_1579031526228 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="links" class="vc_custom_heading vc_do_custom_heading wpb_custom_aa365bd5046e8294520b4e73732b9d15 align-left" ><strong>Links in this section</strong></h3> <div class="wpb_text_column wpb_content_element wpb_custom_7c91d232724f73626cc933bd95b25ff0" > <div class="wpb_wrapper"> <ul> <li><strong><a href="https://brand-experience.ieee.org/guidelines/digital/style-guide/">IEEE Style Guide</a></strong>: The IEEE Style Guide offers an overview of digital-related requirements and style guidelines for IEEE employees, volunteers, and partners (vendors, consultants, or contract workers) involved in the development or enhancement of IEEE digital sites.</li> <li><strong><strong><a href="https://brand-experience.ieee.org/guidelines/digital/mobileapp-and-responsive-design-guidelines/">Mobile/app and responsive design guidelines</a></strong></strong>: These guidelines have been created to assist users with consistent branding and style elements across different devices and screen sizes.</li> <li><strong><a href="https://brand-experience.ieee.org/guidelines/digital/social-media/">Social media guidelines</a></strong>: These guidelines cover use and administration of official IEEE social media content and registering a new social media site.</li> <li><strong><a href="https://brand-experience.ieee.org/guidelines/digital/other-guidelines/">Other site management guidelines</a></strong>: Guidelines related to IEEE.org content quality, domain naming, SEO, and forms and redirect management are listed in this section.</li> <li><strong><a href="https://brand-experience.ieee.org/guidelines/digital/site-registration-form/">IEEE website and social media site registration form</a></strong>: Use this form to register your website or social media site with IEEE.</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>