UI-kit
Le kit de création
Les fonts
Voici les différentes fonts que j’ai utilisé pour ce projet, ainsi que les tailles pour les différents écrans.
-
H1 51px Ep stellari
-
H2 28px Ep stellari
-
H3 21px Ep stellari
-
H4 16px Ep stellari
-
p 16px Arvo slab
-
p 16px Arvo slab italic
Les options des fonts
Les différentes spécificités pour chaque fonts et le ratio pour la hiérarchie.
-
- Letter-spacing : Arvo( 6.5%) & Ep Stellari(0%)
-
- Line-height : 160% text & 120% titre
-
- Font-weight : 400 titre & 400/500 text
-
- Text-transform : titre en capitalize & text en none
Sources des fonts
Voici les différents liens pour vous procurrer les différentes fonts du projet.
Ep-stellari display font Arvo slab fontLes couleurs
Voici les différentes couleurs présentent dans le projet, on retrouve aussi un dégrader ( tu auras le code pour le copier ).
-
#333333
#010101
-
#FFFFFF
-
#962A42
#BF6478
-
#D44A42
#E296A7
-
Dégradé
background: linear-gradient(269.61deg, #962A42 0.38%, rgba(212, 74, 66, 0.99) 99.7%);
background: linear-gradient(180deg, #E296A7 0%, #E296A7 25.52%, #BF6478 99.99%, rgba(150, 42, 66, 0) 100%);
Les icônes
Voici les différentes icones utilisées dans le projet, tu pourras retrouver le liens vers le lieux.