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

Templates

Here you'll find examples of pages build with Fluid's components. We are working on new versions of templates.

ENGIE Design System

Fluid Pages open_in_new

Pre-designed layouts for common web pages like homepages, blog pages, and contact forms.

BETA
ENGIE Design System

Fluid Sections open_in_new

Modular building blocks like Hero and CTA banners for efficient page creation.

BETA