id: core
title: Fondamentaux
order: 1
description: |
  Le package core est utilisé comme fondation du Design System, il contient plusieurs éléments fondamentaux.

  ### Typographie

  Les typographies Marianne® et Spectral sont les typographies officielles de la charte de l'État. Leur usage crée une cohérence entre les interfaces et offre une expérience positive à l’utilisateur. Leur respect renforce également la reconnaissance de la parole de l’État.

  ### Icônes

  Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.

  ### Icônes de favoris - Favicon

  L’icône de favoris est un petit icône associé à un site web. Il permet à l’utilisateur de repérer qu’il se trouve sur un site de l'état.

  ### Medias

  Les médias désignent vos contenus photos et vidéos. Lorsqu’ils sont intégré à une page de contenu, il est recommandé de suivre les règles décrites ci-dessous.

  ### Grille

  La grille proposée par le design system vous permet de structurer vos pages et vos contenus simplement.
doc:
  - title: Typographie
    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/typographie/
  - title: Icônes
    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
  - title: Icônes de favoris - Favicon
    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone-de-favoris
  - title: Médias fondamentaux
    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/medias
  - title: Grille
    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/grille-et-points-de-rupture
wrapper: container
script:
  - legacy
example:
  style:
    - accordion
    - button
    - core
    - table
    - toggle
  script:
    - accordion
    - core
    - table
    - toggle