Top

Rethinking User eXperience

UI-Kit

Inspiration

Image de la page d'accueil du site Material Design
Page d'accueil du site de Material Design

Typographie

Choix de police pour les titres - Truculenta

Choix de police pour les textes - Roboto

Hiérarchie

H1 - Truculenta - Light - 4.5rem

H2 - Truculenta - Regular - 3rem

H3 - Truculenta - Regular - 2.5rem

H4 - Truculenta - Medium - 1.5rem

H5 - Truculenta - Regular - 1.3rem

Body - Roboto - Regular - 16px

Button - Roboto - Regular - 0.875rem - Uppercase

Légende - Roboto - Regular - 0.75rem

Lien - Roboto - Regular - 16px

Couleurs

Système de couleurs choisi.

Primaire

Secondaire

Blanc

Noir

Header / Navigation

Navigation supérieure comprenant un burger menu et un bouton dark mode.

Icônes

Icônes utilisées.

Burger menu

Icone Burger menu de Material Design

Light mode

Icone Light mode de Material Design

Dark mode

Icone Dark mode de Material Design

Flèche top

Icone Flèche vers le haut de Material Design