Skip Navigation
 
Follow:
Facebook Twitter LinkedIn YouTube
Share:

Home  >  About IEEE  >  Digital Publishers Toolkit  >  Style Guide

Branding and visual elements on IEEE.org strengthen the IEEE reputation and create a consistent experience for users.

This page contains the style guide for use of the branding and visual elements on IEEE.org.

 

Importance of consistency

Internally, content providers should be consistent by applying standards and conventions throughout all site content. Adherence to IEEE digital presence style guidelines is necessary to maintain consistency.

Externally, be consistent with general digital best practice. Users bring their own experience and expectations to any site they visit. If you ignore that, you risk causing confusion and alienation. 

 
 

top of page

 

Color palette

IEEE.org was redesigned using a broader range of colors. This color palette can be referenced in the IEEE Visual Identity Guidelines (PDF, 3.11MB) document within the "Brand Basics: Color" section. 

Use of these colors for purposes other than those specified, or use of colors not included on the palette, should be approved by the Digital Innovations team.

Additional colors may be used within site page templates. Efforts to incorporate colors from or complementary to the IEEE color palette will create a more unified look and feel between the sites. Although IEEE offers a broad range of colors it is advised to use only two-three colors from either palette. 

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

 

Imagery

Imagery used consistently can support the IEEE brand identity.

  • If imagery is used on your site, it should reflect 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 document within the "Brand Basics: Imagery" 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

 

Typography

When creating content in the content management system, accept all default fonts rather than changing fonts within a code that would override the style sheets. The default typeface on IEEE.org is Verdana.

If the text is pasted from another application, highlight the text and click on the eraser icon in the UCM editor to clear formatting.

 
 

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