Identité visuelle

Logo
Logo noir sur fond blanc
Logo blanc sur fond noir
Sigle
Webclip
256 x 256px
Favicon
32 x 32px
Branding
300 x 80px

Typographie

Titres

Titre H1

Titre H2

Titre H3

Titre H4

Titre H5
Titre H6
Paragraphes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Blocs de citation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Principale
Raleway
Secondaire
Arial
Glyphes
ABCĆDEFGHIJKLMNOPQRSŠTUVWXYZŽabcćdefghijklmnopqrsštuvwxyz 1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Rem = 16 px = 1em

Titres

Source

Titre H1

Titre H2

Titre H3

Titre H4

Titre H5
Titre H6
Classé

Titre H1

Titre H2

Titre H3

Titre H4

Titre H5
Titre H6
Texte enrichi

Titre H1

Titre H2

Titre H3

Titre H4

Titre H5
Titre H6

Paragraphes et textes

Source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Source - Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Source - Italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Source - Bold et italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Classé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Classé - Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Classé - Italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Classé - Bold et italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Texte enrichi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Texte enrichi - Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Texte enrichi - Italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Texte enrichi - Bold et italique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Citations

Source
Bloc de citation <blockquote>
Classé
Bloc de citation <blockquote>
Texte enrichi
Bloc de citation <blockquote>

Listes

Source
  • Lorem ipsum
  • Sed ut perspiciatis
  • At vero eos
Classé
  1. Lorem ipsum
  2. Sed ut perspiciatis
  3. At vero eos
  • Lorem ipsum
  • Sed ut perspiciatis
  • At vero eos
Texte enrichi
  • Lorem ipsum
  • Sed ut perspiciatis
  • At vero eos
  1. Lorem ipsum
  2. Sed ut perspiciatis
  3. At vero eos

Liens hypertextes

Texte enrichi
Webclip (256 x 256px)
Favicon (32 x 32px)
Branding (300 x 80px)

Couleurs

Principale(s)
Bleu clair MdR
#009FE3
RGB 0,159,227
Bleu foncé MdR
#6B3FFF
RGB 254,75,100
Monochrome
Bleu clair MdR
#45B7E8
RGB 69,183,232
Bleu foncé MdR
#007BB0
RGB 0,123,176
Bleu foncé MdR
#004663
RGB 0,70,99
Bleu foncé MdR
#1E4F63
RGB 197,70,39
Neutres
Gris très clair
#F5F5F5
RGB 245,245,245
Gris clair
#DBDBDB
RGB 219,219,219
Gris
#B5B5B5
RGB 181,181,181
Gris foncé
#757575
RGB 117,117,117
Gris très foncé
#363636
RGB 54,54,54
Noir
#000000
RGB 0,0,0

Composants UI

Formulaires
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tabulations

Exemple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lien en bloc