Grids

Specs

Here are the grids that we have created in order to build our components and templates consistently. All Michelin websites use the same grids to ensure coherence and simplicity for both designers and developers.

The recommended grids for creating your components to cover a wide range of cases are:

  • Mobile: 360

  • Tablet: 600 and 960

  • Desktop: 1280 and 1920

Mobile

grids mobile

Tablet

grids tablet

Desktop

grids desktop

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