Qu'est-ce que c'est ?

Le design system est un ensemble de composants vous permettant de développer de nouveaux sites IGN rapidement, en cohérence avec la charte graphique web de l'IGN, dans une interface utilisateur unifiée.

Tous ses composants sont prévus pour s'adapter au type d'écran utilisé (ordinateur, mobile…).

Rappel : un site IGN est un site dont :

• l’URL est en .ign.fr

• il faut obligatoirement utiliser des URL en français et non en anglais.

• la responsabilité éditoriale appartient exclusivement à l’IGN

Quelle technologie est utilisée ?

Le design system est composé d'éléments statiques en HTML/CSS et de JavaScript.

Il s'appuie sur le framework front Bootstrap 4.4.1

De quoi le design system est-il composé ?

Le design system décrit les éléments suivants :

• couleurs

• typographies

• navigation

• grilles et layouts

• gabarits

• composants (accordéons, listes, tableaux, fil d'ariane, etc.)

La majorité des pages propose un ou plusieurs boutons 'HTML', vous permettant d'afficher l'extrait de code correspondant.

Peut-on enrichir le design system ?

Le design system doit être évolutif. Contactez-nous à dim@ign.fr si :

• certains composants réutilisables vous semblent manquants

• vous pensez qu'un composant déjà développé pourrait figurer dans le design system pour bénéficier à d'autres projets