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

Log in

Log in with Michelin ID

To connect to the Design System, I will need:

  • A Michelin ID (e.g. F012345)
  • Double authentification (with the NetIQ application or by SMS)
  • A password associated with your 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 have never accessed the Design System, you can request access via this link.