Charte graphique

Logo

Couleurs

Bleu nuit

#000745

Bleu foncé

#0029A2

Bleu clair

#2396F1

Bleu léger

#E7F4FF

Violet

#771FB3

Familles de polices

Titres : Jost

Textes : Jost

Typographie (Desktop)

Titre 1 Lorem Ipsum

Desktop

  • Taille : 50px
  • Graisse : 500 (Medium)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -1,3px

Mobile

  • Taille : 30px
  • Graisse : 500 (Medium)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -1,3px

Titre 2 Lorem Ipsum

Desktop

  • Taille : 36px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Mobile

  • Taille : 28px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Titre 3 Lorem Ipsum

Desktop

  • Taille : 27px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Mobile

  • Taille : 24px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Titre 4 Lorem Ipsum

Desktop

  • Taille : 23px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px
  • Taille : 21px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px
Titre 5 Lorem Ipsum

Desktop

  • Taille : 19px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Mobile

  • Taille : 18px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px
Titre 6 Lorem Ipsum

Desktop

  • Taille : 16px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Mobile

  • Taille : 15px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Accroche

Desktop

  • Taille : 80px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Mobile

  • Taille : 36px
  • Graisse : 800 (Extra Bold)
  • Hauteur de ligne : 1,2em
  • Espacement des lettres : -0,3px

Corps de texte Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Taille : 18px
  • Graisse : 400 (Normal)
  • Hauteur de ligne : 1,5em
  • Espacement des lettres : 0px

Small texte Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Taille : 13px
  • Graisse : 400 (Normal)
  • Hauteur de ligne : 1,1em
  • Espacement des lettres : 0px

Photos

Arrondis : 15 / 15 /50 /15

Illustrations

Divers

Blocs de citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Boutons

Boutons light

Arrondis : 7 / 7 /15 / 7

Boutons pleins

Arrondis : 7 / 7 /15 / 7

Call to action avec image

Titre du Call to action

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Formulaires

Boites d'icône

Titre de la boite d'icône

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Titre de la boite d'icône

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Titre de la boite d'icône

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Boites de contenus avec ombres portées

Titre

Flou : 20 / Couleur : rgba(15, 112, 183, 0.15)

Rayon de bordure : 10/10/30/10

Séparateurs

Barres obliques

Barres simples