Hiveo Style Guide

Parcourez les éléments d'interface utilisateur, et réutilisez les dans les pages que vous créez sur le site web.

Couleurs

Accent
#2F80ED
Titles
#333333
Text
#9E9E9E
Light Grey
#F9F9F9

Boutons

Bouton primaire
Bouton primaire
Bouton secondaire
Bouton secondaire

Iconographie

Typographie

Heading H1 - Aa Bb Cc Dd

Heading H1 - 48px

Heading H2 - Aa Bb Cc Dd

Heading H2 - 36px

Heading H3 - Aa Bb Cc Dd

Heading H3 - 28px

Heading H4 - Aa Bb Cc Dd

Heading H4 - 18px
Heading H5 - Aa Bb Cc Dd
Heading H5 - 16px
Heading H6 - Aa Bb Cc Dd
Heading H6 - 14px

Paragraph Default: 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.

Paragraph Default - 18px

Paragraph Large: 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.

Paragraph Large - 28px
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur
Unordered List
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur
Ordered List