UI-KIT: univers graphique

design & stuff.

scroll-down

L'univers graphique du site.

Minimalist desk

Comme déjà évoqué, ce projet tourne autour de la conférence "Slow design for an anxious world" de Jeffrey Zeldman, où il explique les concepts de lisibilité afin de pouvoir améliorer le design web. Il parle de minimalisme, ce que j'ai voulu représenter dans le design de ce site.

La palette de couleur a été choisie de sorte à ce qu'elle puisse évoquer le calme et la tranquilité, puisque le but est que l'utilisateur prenne son temps dans ce monde anxieux, autant dans le light que dans le dark mode.

Voici alors tous les éléments graphiques utilisés lors de la réalisation de ce projet.

1. Typographie

J'utilise Oxygen Bold en taille 70 (30 en mobile) pour les titres de premier niveau

Taille 50 (25 en mobile) pour les titres de second niveau

Taille 30 (20 en mobile) pour les sous-titres

Et j'ai utilisé Martel Demibold en taille 24 (18 en mobile) pour les paragraphes et les emphases, avec toujours 155% en interlignage.

2. Palette de couleurs

#7f867b 'xanadu'

#070404 'rich black fogra 29'

#333333 'jet'

#ffffff 'pure white'

3. Les boutons

Boutons et cliquables