Skip to main content
  • Service design
  • Fluid Design System
  • Resources
    • Figma
    • UX principles
    • Introduction
    • Fluid Tokens
    • Fluid 4 deprecated
    • Dark Mode
  • Overview
  • Gradient Ray
  • Graphic Lines
  • Imagery
  • Logo
  • Pictograms
  • Overview
  • Accessibility
  • Colors
  • Elevation
  • Iconography
  • Spacing
  • Typography New!
Migrate v4 to v5

Design tokens
  • Getting Started
  • Area charts
  • Bar charts
  • Line charts
  • Pie charts
  • Charts resources
  • Overview
  • Components status
  • Accordion New
  • Autocomplete
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Checkbox
  • FAB
  • Footer
  • Header
  • Icon
  • Icon button
  • Inline message
  • Input
  • Link
  • List
  • Menu New
  • Modal
  • Multi-select
  • Navbar
  • Pagination
  • Progress
  • Radio group
  • Search New
  • Segmented control
  • Select
  • Sidebar
  • Sidepanel
  • Skeleton
  • Slider
  • Spinner
  • Status-indicator
  • Table
  • Tabs
  • Tag
  • Toast
  • Toggle
  • Tooltip
Templates
Support
Link to Fluid's Microsoft Teams channel help Link to the support page

Brand overview

Our brand reflects who we are and the emotions our users have while using our products.

remove

Gradient Ray

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

double_arrow

Graphic Lines

Graphic lines are wire-like shapes used to add a sense of movement to communications in addition to the gradient ray.

image

Imagery

Images help establish a brand identity and support its overall values.

Logos

The logo helps our users identify our brand when using our services. The ENGIE logo must be included in every digital interface created by ENGIE.

local_police

Pictograms

Pictograms Illustrates the themes presented in our various communications.