Design system
Retrouvez ici tous les composants de votre design system.
Logos
Couleurs
Noir (--af-color-black)
Blanc (--af-color-white)
Primaire (--af-color-primary)
Secondaire (--af-color-secondary)
Beige (--af-color-white-dark)
5 shades of Gray
Gris (--af-color-gray-darker)
Gris (--af-color-gray-dark)
Gris (--af-color-gray)
Gris (--af-color-gray-light)
Gris (--af-color-gray-lighter)
Icônes
arrow-circle
arrow-left
arrow-right
check
checkbox-empty
checkbox-full
chevron-down
chevron-right
close
error
facebook
filter
info
instagram
leaf
minus
paper
pig
linkedin
pinterest
plus
quote-right
radio-empty
radio-full
search
shield
tiktok
twitter
youtube
Tags
Success story
Actualités
Titres
Titres Hn du projet, avec les tailles desktop / mobile.
Méga title
Oswald bold, 160/64
Méga title small
Oswald bold, 140/48
Titre H1
Oswald bold, 80/48
Titre H2
Oswald bold, 64/40
Titre H3 - Oswald bold, 32/24
Titre H4 - Oswald bold, 20/16
Titre H5 - Oswald bold, 16/16
Container
Tailles des containers du projets, gutters incluses
Bloc pleine largeur : .block-full, 100vw
Container principal : .container, 1392px
Container réduit : .container-narrow, 1072px