Gradient Ray

The gradient line is one of the foundations of ENGIE brand. This graphic element underlines the titles and brings brand identity to the interface.



This graphic element underlines the first section of a page. It is positioned under it, from the left edge of the section and up to 3/4 of its width.

  • Used in the first section of a page
  • Mainly used in corporate website and marketing landing page

Examples for social media

The line gradient can be used on other media than the web. For example it can be used to highlight the title on social media banners.

Common mistakes

Using the line gradient, in combination with the text is an accepted behavior in print but it should not be reproduced on digital websites because of accessibility requirements.

Using the line gradient in separation of the first section of the page is the way to use it on digital website. It can be used with display and heading styles.