Skip to main content

Brand Guidelines

We put this together to give you what you need to create and communicate for FuelCell Energy. We’ve considered (and reconsidered) every decision in here, all to ensure that each hits the mark — and so our brand leaves one.

Introduction

These brand guidelines will provide your team with the tools and guidance needed to accurately use the FuelCell Energy brand assets and content in your design and marketing materials. Follow these guidelines for all internal and external visual communications to create a distinctive look and feel that is immediately recognizable.

Typography

Brand Font


The FuelCell Energy system uses a limited number of styles focused in a single type family, called ABC Diatype, across all communications to create a cohesive and consistent look. ABC Diatype is a warm yet sharp grotesque, ideal for text and reading on a screen.

eyJwYXRoIjoiZnJvbnRpZnlcL2FjY291bnRzXC9jZVwvMjMxNTE0XC9wcm9qZWN0c1wvMzI5ODk3XC9hc3NldHNcL2NkXC82Mjk5Mjc5XC85MTVlMjA0MTk5MDU5MTQ5ZDI0NjYwMDViNThmMjdhNi0xNjQ0OTU1MTQ3LnN2ZyJ9_frontify_CSGe2Fhk8P4ZmEVlWkVdGaUgW2iOOyy67eeg0Sa3iks

 

Weights


The following is the list of font weights that are used within the FuelCell Energy visual identity system. 
What follows are the allowed weights:

Image 1

ABC Diatype Bold
86px/-2px

Image 2

ABC Diatype Regular
86px/-2px

Image 3

ABC Diatype Light
86px/-2px

 

Example Usage


NOTE: Headline font size is for reference only and may change depending on the needs of the design. Size relationships between fonts are provided as percentages for flexibility. These guidelines are a starting point and may be adjusted as needed for specific uses.

eyJwYXRoIjoiZnJvbnRpZnlcL2FjY291bnRzXC9jZVwvMjMxNTE0XC9wcm9qZWN0c1wvMzI5ODk3XC9hc3NldHNcLzAyXC82Mjk5MzIzXC81MjNkNTQ5MmRmN2Y1MTVkZWIxY2JiMTU2NGU3NzdhYi0xNjQ0OTU3MzQxLnN2ZyJ9_frontify_9tgGSiXqU0ppZZElHA502xLxiytdIFv2Ic752UChqpU

Headline
ABC Diatype Light
97% Linespacing
-2% Letterspacing
Sentence case

Subhead
ABC Diatype Light
40% Headline size
100% Linespacing
+1% Letterspacing
Sentence case

Body
ABC Diatype Regular
28% Headline size
140% Linespacing
-1% Letterspacing
Sentence case

Color Palette

Brand Colors


The FuelCell Energy color palette is kept fresh and bright with an aim toward feeling technologically driven. The palette is broken into two parts: primary and gradients. The primary color is always light and airy with purposeful use of the supporting gradients and grayscale tones. The gradient palette is comprised of the primary colors and is used to support the primary palette. The simplest way to design a piece of communication for our brand is to start with the primary color palette.

 

Gradients

FuelCell Energy’s color palette includes four gradients that are available for use. For information on the flat colors used to create these gradients, see the color formulas below.

purple-cerulean

Purple to Cerulean

cerulean-blue

Cerulean to Blue

blue-violet

Blue to Violet

violet-purple

Violet to Purple

 

Formulas

 

Cerulean
HEX - #00c4f1
RGB - 0, 196, 241
CMYK - 67, 0, 2, 0
PMS - 2925 C

 

Blue
HEX - #1e70ff
RGB - 30, 112, 255
CMYK - 100, 55, 0, 0
PMS - 2174 C

 

Purple
HEX - #4e009e
RGB - 78, 0, 158
CMYK - 85, 100, 0, 1
PMS - 286 C

 

Violet
HEX - #a00098
RGB - 160, 0, 152
CMYK - 45, 100, 0, 0
PMS - 2068 C

 

Black
HEX - #000000
RGB - 0, 0, 0
CMYK - 60, 40, 40, 100
PMS - BLACK C

 

Dark Gray
HEX - #555555
RGB - 85, 85, 85
CMYK - 0, 0, 0, 53
PMS - COOL GRAY 11 C

 

Light Gray
HEX - #9d9d9d
RGB - 157, 157, 157
CMYK - 0, 0, 0, 38
PMS - COOL GRAY 6 C

 

White
HEX - #ffffff
RGB - 255, 255, 255
CMYK - 0, 0, 0, 0
PMS - N/A

 

Gradient Usage


Proportions

The usage ratios found below show the rough percentage of how the colors should be used within the core brand’s expression. In the percentage bar, the use of white is greater than the use of any one color or gradient to ensure an open and light feel. These percentages may fluctuate for other brand expressions, such as campaign initiatives.

color palette gradient usage proportions

Gradient Rules

Below is a set of dos and don'ts around gradient usage. Remember, the FuelCell Energy brand color palette is meant to be airy and light with small bursts of electric color.

gradient-rule-1

Gradient Rule 1
The FuelCell Energy symbol is a full-spectrum combination of all of the gradients in the primary palette. Only use this for the symbol.

gradient-rule-2

Gradient Rule 2
For backgrounds, hero type and graphic elements, use one of the four primary palette gradients.

gradient_rule_3-square-976

Gradient Rule 3
To maintain the light, airy quality of the brand, use the gradients sparingly and with purpose in any given layout or application.

gradient-rule-4

Gradient Rule 4
Don't use the gradients screened over color photography.

gradient-rule-5

Gradient Rule 5
Don't use multiple gradients in type in the same layout.

gradient-rule-6-update-1

Gradient Rule 6
Don't use multiple gradients in elements in the same layout.

Accessibility


 

gradient-all

Gradient : Black : Violet : Gray on white

white-on-black

White on Black

white-on-gradient

White on Gradient

Logo and Photography Usage


Below is a set of rules for proper logo use with photography. To reinforce the brand, do not place the logo on photography if it is not clear and legible.

 

 Logo and Photography Rule 1

If it's difficult to see the full-color logo over a specific color or image you can use the black or white logo instead. It is important to ensure that there is enough contrast between the logo and the photo so the logo stands out and does not get lost in the photo.

correct logo usage-photo1-white

 

correct logo usage-photo1-black

 

 

Logo and Photography Rule 2

Don’t use the logo on photos where there is not a high contrast between the two elements.

incorrect logo usage-photo1-color

 

incorrect logo usage-photo1-gray

 

incorrect logo usage-photo3-color

Logo and Photography Rule 3

Don’t use the logo on photos that are too busy for the logo to be seen well.

incorrect logo usage-photo2-color

 

incorrect logo usage-photo2-black

 

Photography

Choosing the right image for your needs can be difficult, but it’s important that the tone of our photography reflects our brand expression in a meaningful and consistent way. FuelCell Energy brand photography shows people, places and textures, to reinforce our goal of making life better.

Once you have chosen your photography, please submit it along with where it was found to the Marketing Team at marketing@fce.com.

 

Photography: Lifestyle


Humanity is at the heart of everything that we do. Show people living their lives and emphasizing the idea of increased quality of life. We want to reflect a diverse range of people enjoying life.

Art Direction:
  • Models should have positive energy
  • Relaxed and casual body language
  • Natural lighting
  • Not looking to camera

human-photos

Correct: Human Interaction, Freedom, Authentic, Meaningful, Approachable

Incorrect: Staged, Disingenuous, Stiff, Forced

 

Photography: Textural


Photography that we call “textural” features expansive and inspiring captures of natural and man-made contexts in the abstract. We are doing our work for the future of the globe, so juxtaposing lifestyle and textural images highlights humanity and its home.

Art Direction:

  • Use drone footage parallel to the subject.
  • If using a textural photo isn’t a parallel, crop into the details to make it abstract.

photography-textural

Correct: Abstract, Vibrant, Movement, Beautiful, Focused

Incorrect: Ordinary, Scattered, Literal

Photography


Installations

Installation photography should be clear,  straightforward, and show our products in a positive light.

photography_installations

 

Gradient Overlay


If a multipage layout or campaign needs some additional photography treatments for visual rhythm, use one of the primary palette gradients on top of the full color image. This can be achieved in design programs by masking the gradient layer with an inverted stamp of the image.

gradient-overlay

 

Iconography


Brand iconography is an essential part of our brand's visual communication strategy, as it represents our brand's identity, values and solutions, and helps create a memorable and recognizable image.

The FuelCell Energy icon style is simple and monoline. Using two colors immediately elevates the look and feel of our icons and adds contrast and dynamism to their applications.

If you have the need for icon creation, please contact the Marketing Team at marketing@fce.com.

icons_Biogas-process_rgb_800x200

 

icons_Derby_fence sign3_rgb

 

Sample Applications


The creation of carefully conceived layouts reinforces the brand, enables content to be conveyed clearly and precisely and emphasizes the message.

sample-application-1

fuel-cell-energy-signage

book covers

collage

gradient_rule_3

 

merch

 

Voice & Tone

 

The FuelCell Energy Voice


It seems like everyone has something to say about energy now: how it’s consumed, collected, conserved, and most of all, what it costs. The chatter is constant, even as the solutions can feel constrained.

That’s why we don’t just join the conversation, we power it. Rather than adding to the noise, FuelCell Energy elevates understanding and celebrates ideas — sharing our expertise on sustainability to empower companies big and small.

There’s nothing easy about the energy challenges faced by the global population. Getting to carbon zero won’t be as simple as personal sacrifices or passing legislation. But by treating the conversation with sincerity, knowledgeability, and optimism at every step, we set a tone that reflects the work we do and resonates with the people — and planet — we serve.

FuelCell is…

  • Pragmatic
  • Insightful
  • Of the times
  • Optimistic
  • Unwavering
  • Enthusiastic

But never…

  • Cynical
  • Preachy
  • A prisoner of the moment
  • Impractical
  • Rigid
  • Idealistic

 

We sound like…

The path to clean energy starts at carbon zero.

This line is pragmatic, taking a realistic look at the challenge ahead while speaking to the realities for which we’re trying to solve. We don’t oversimplify or gloss over what it takes to make change, but we do have confidence in our ability to address it.

Enabling cleaner energy. Empowering everyone.

This line is optimistic and enthusiastic, showing our passion for our proprietary platform and the potential it unlocks. When we talk about what we do, we want to speak to the possibilities that are both world-changing and life-enhancing.

Your company’s energy journey is unique. Luckily, so is our platform.

This line is insightful because it acknowledges the differences between companies while also calling out our uncommon ability and willingness to adapt and flex to fit our customer needs.

 

We don’t sound like…

You can only do so much to change your energy strategy.

This line is cynical, focusing on the negatives that already sit at the front of decision-makers’ minds, weighing on how they move their company’s energy policy forward. Support and partnership toward something better should be the focus of everything we communicate.

Thinking about your energy costs? What took you so long?

This line is preachy and makes us sounds like a prisoner of the moment. There are facts of energy policy and production today, but while we don’t avoid those realities, we don’t dwell on them, either. We’re too busy digging in, testing new thinking and working to solve the problems that prevent progress.

There’s only one way to change how you use energy.

This sounds impractical and rigid, discounting the many multifaceted steps and considerations that go into every energy decision while also coming off as closed-minded and complacent. 

FuelCell Energy's 2023 Sustainability Report is now available. Learn more