Overlays

Specs

We offer 4 types of overlays.

  • 100% (if you want a completely solid and opaque overlay on top of an image, for example, to place text on top)

  • 80% (On top of an image, you can still see the image slightly and place text on top)

  • 60% (Caution, when placing it on top of an image to add text, make sure the image/text contrast follows accessibility rules)

  • 40% (typically used behind backdrops, modals, pop-ins, side panels)

overlay

Sign in

I have a Michelin ID and/or email

In order to connect to the Design System, I need:

  • A Michelin ID (e.g. F012345)
  • A double authentification (with ForgeRock application or SMS)
  • A password associated to a Michelin ID

I don’t have a Michelin ID and/or email

In order to connect to the Design System, I need:

  • A user ID or an email
  • A password

If you never logged into the Design System, you can submit an access request using this link: Request an access