Skip Navigation
 
Follow:
Facebook Twitter LinkedIn YouTube
Share:

Home  >  About IEEE  >  Digital Publishers Toolkit  >  Style Guide

Used properly, branding and visual elements can strengthen the IEEE reputation and create an engaging experience for users. This page contains the style guide for use of these elements.

 

Importance of consistency

Digital publishers should ensure that navigation, layout, design, and other site elements are used in a predictable way across the site.

Consistency with overall digital and industry best practices is also generally advised to satisfy user expectations and to allow more time to be spent focusing on content rather than learning how to use the site.

Finally, sites should align with the IEEE brand and should look like they are all part of the same family. However no two sites should look identical or even similar enough that it may be unclear which site the user is on. For example, IEEE sites should not use the same color combination and layout as IEEE.org as this could create confusion.

Following IEEE guidelines will help sites create an appropriate level of consistency.

 
 

top of page

 

Imagery

Imagery used consistently can support the IEEE brand identity.

  • If imagery is used on your site, it should reflect the The six imagery themes below. These  themes are based on key pillars of the IEEE brand and reflect the IEEE brand personality and style, as well as IEEE members, areas of expertise, and history;
People Technology Knowledge Connected Global Archive
woman at laptop wind turbines people talking person typing on laptop satellite dish person with old technology
 
  • Real photographs (not clip art or stock images) should be used whenever possible to convey these themes. When real photographs are not available, stock photography that looks real is acceptable, but should only be used in meaningful ways;*
  • Learn more about how to use imagery in the IEEE Visual Identity Guidelines (PDF, 3.11MB) document within the "Design System: The Wedge" section.

*Royalty-free images are available to purchase from various stock photography collections on the digital platform and can be purchased for a one-time fee for usage in an unlimited number of applications, an unlimited number of times.

 
 

top of page

 

Color palette

IEEE sites should utilize the IEEE color palette to create a more unified look and feel throughout the IEEE digital presence. Although the palette offers a broad range of colors, it is advised to use only 2-3 colors from either palette predominantly throughout the site. Additional color usage within or outside the palette should be used sparingly and purposefully.

 

IEEE Primary Color

#006699
ieee_primary_blue_006699

 

IEEE Bright Color Palette

#CC0033
ieee_bright_red_CC0033
#E37222
ieee_bright_orange_E37222
#FFCC33
hex number FFCC33
#66CC33
hex number 66CC33
#008542
hex number 008542
#009FDA
hex number 009FDA
#6B1F73
hex number 6B1F73
#FFFFFF
hex number FFFFFF

 

IEEE Dark Color Palette

#800031
hex number 800031
#CB7E2B
hex number CB7E2B
#CC9933
hex number CC9933
#669933
hex number 669933
#336633
hex number 336633
#0B5172
hex number 0B5172
#541868
hex number 541868
#000000
hex number 000000

 

 
 

top of page

 

Typography

IEEE typefaces can be referenced in the IEEE Visual Identity Guidelines (PDF, 3.11MB) in the "Brand Basics: Typography" section.

IEEE digital presence sites should use a font designed especially for screen such as Verdana.

Font sizes should be set using relative units such as ems, percentages (%), or pixels so that users can resize text. Points (pt) are intended for print media only, and should not be used.

The minimum body text size should not be smaller than 0.75 ems if the body text is set to 12 pixels. The minimum disclaimer/secondary text should not be smaller than 0.7 ems.

The primary text color should be black or dark grey (recommended color is #000000 or #333333) across the site; do not use different colors for unlinked text.

 
 

top of page

 

Wedge Design

The wedge device, based on the graphic style of the diamond symbol from the IEEE Master Brand, is also a key element of the IEEE design system. This symbol, which has a long history at IEEE, has been enhanced to create a unique and dynamic look-and-feel system that can be applied across all of the IEEE branded communications. Using this graphic style correctly and consistently will help build a recognizable and powerful brand look-and-feel, creating equity for the IEEE brand.

Learn more about how to use the wedge design in the IEEE Visual Identity Guidelines (PDF, 3.11MB) document within the "Design System: The Wedge" section.

IEEE wedge designed from IEEE diamond symbol

  

 
 

top of page