Branding and visual elements strengthen the IEEE reputation and create a consistent experience for users.
Users bring their own experience and expectations to any site they visit. If you ignore that, you risk causing confusion and alienation. Consistency facilitates efficient task completion and creates trust in the brand.
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 two or three colors from either palette predominantly throughout the site. Additional color usage within or outside the palette should be used sparingly and purposefully.
IEEE.org and templates for other IEEE sites were designed using a broad range of colors. This color palette can be referenced in the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Brand Basics: Color" section.
Use of these colors on IEEE.org for purposes other than those specified, or use of colors not included on the palette, should be approved by the Digital Innovations team, email@example.com.
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 or three colors from either palette.
IEEE Primary Color
Color plays an important role in representing the IEEE brand. Use IEEE Blue (Pantone specification 3015 C) on all corporate-wide communications. This specific blue has been chosen for its reliability in various printing processes and its similarity to the previous blue used on many IEEE communications. Having been used consistently over time, this color is associated with the IEEE brand. (Additional information can be found in Bright/Dark color palette sections below.)
IEEE Blue PMS 3015 C
|100% ||80% ||60% ||40% || |
IEEE Expanded Palette: Bright and Dark Colors
|#006699||3015 C||C100 M31 Y5 K20||R0 G102 B161|
|Bright|| Hexidecimal |
| Pantone |
| CMYK |
| RGB |
|#E37222||158 C||C0 M64 Y95 K0||R227 G114 B34|
|#FFCC33||123 C||C0 M21 Y88 K0||R253 G200 B47|
|#66CC33||368 C||C63 M0 Y97 K0||R105 G190 B40|
|#008542||348 C||C100 M4 Y87 K18||R0 G133 B66|
|#CC0033||200 C||C0 M100 Y66 K12||R204 G18 B57|
|#6B1F73||2612 C||C70 M100 Y0 K5||R107 G31 B124|
|#009FDA||Process Cyan C||C100 M0 Y0 K0||R0 G159 B218|
|#FFFFFF||N/A||C0 M0 Y0 K0||R255 G255 B255|
| Pantone |
| RGB |
|#CB7E2B||718 C||C0 M70 Y100 K15||R204 G126 B43|
|#CC9933||131 C||C0 M32 Y100 K9||R213 G164 B45|
|#669933||370 C||C56 M0 Y100 K27||R113 G149 B61|
|#336633||357 C||C80 M0 Y100 K56||R51 G98 B46|
|#800031||202 C||C0 M100 Y61 K43||R129 G0 B49|
|#541868||2623 C||C59 M100 Y0 K32||R84 G24 B104|
|#0B5172||308 C||C100 M30 Y0 K67||R0 G103 B143|
|#000000||N/A||C0 M0 Y0 K100||R0 G0 B0|
When choosing a web site's colors, accessibility should be a top priority. There should be a sufficient contrast between layered colors so that users with disabilities are able to discern different types of color combinations.
Guidelines for Accessibility
Color checkers for Accessibility
Imagery used consistently can support the IEEE brand identity.
*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.
Typography can work together with other design elements to make communications more readable, consistent, and visually appealing.
Screen-based applications and websites are encouraged to use Verdana. Verdana is one of the most widely accepted fonts in websites around the world because it was specially designed for screen readability as well as for its resemblance to the primary IEEE sans serif typeface (Formata).
When creating content in IEEE.org's 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.
IEEE.org's content management system defaults to certain typeface styles for page titles, section titles, and links.
The IEEE typography options can be referenced in the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Brand Basics: Typography" section.
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.
IEEE.org's content management system defaults to use the wedge design within its page designs.
If the Webmaster would like to create an additional design element that uses the wedge, refer to the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Design System: The Wedge" section.
The following are examples of correct and incorrect usage of the letters I-E-E-E and the IEEE Master Brand in a name or title:
If you have questions, please contact firstname.lastname@example.org.