L'UI-Kit :
La mise en place des fonts :
Dans la version mobile, la police utilisée pour le texte est " Merriweather" et pour les titres c'est "Oranienbaum".
-
Titre h1, taille de 36px,
-
Titre h2, taille de 26px,
-
Titre dans le header, taille de 22px,
-
Titre h3, taille de 17px en "Merriweather",
-
Le texte , taille de 17px .
Dans la version mobile, la police utilisée pour le texte est " Merriweather" et pour les titres c'est "Oranienbaum".
-
Titre h1, taille de 66px,
-
Titre h2, taille de 34px,
-
Titre h3, taille de 22px en "Merriweather",
-
Titre dans le header, taille de 22px,
-
Texte, taille de 17px.
-
Titre h1, taille de
Les boutons :
Il y a deux types de boutons, un servant pour le darkmode et l'autre comme bouton d'action ( naviguer et aller vers le MVP).
-
☀️
La version day, représentation du soleil
-
🌑
La version dark, représentation de la lune
-
Un bouton d'action, servant à rediriger l'utilisateur
Les couleurs :
Voici les différentes couleurs qui sont utilisées :
-
#F2F2FF
-
#121212
-
#B8B8FF
-
#FBFCFF