UI-Kit

Grille pour px de long

Paragraphes

Début de paragraphes

RooneySans medium, corps 19, interlignes 24, espaces entre paragraphes 24, couleur #101010

RooneySans medium, corps 20, interlignes 30, espaces entre paragraphes 30, couleur #101010

RooneySans medium, corps 24, interlignes 38, espaces entre paragraphes 30, couleur #101010

Cette citation résume très bien à elle seule . Stephen Hay nous parle de la créativité dans le web design et de l’approche des développeurs quant à celui-ci. De nombreux sites appliquent des conventions par facilité et en pratiquant un minimum d’effort. Cela donne un résultat correct mais les rendant semblables.

Paragraphes

RooneySans medium, corps 16, interlignes 24, espaces entre paragraphes 24, couleur #171717

RooneySans medium, corps 18, interlignes 27, espaces entre paragraphes 30, couleur #171717

RooneySans medium, corps 20, interlignes 30, espaces entre paragraphes 30, couleur #171717

Il est ainsi approprié d’utiliser les conventions mais mieux vaut d’abord comprendre leur intérêt et si elles sont nécessaires à nos projets. Il ne suffit pas de les appliquer tout le temps ou de s’en détourner totalement.

Citations

Citations

RooneySans Medium, corps 28, interlignes 28, couleur #384D91

RooneySans Medium, corps 40, interlignes 55, couleur #384D91

RooneySans Regular, corps 60, interlignes 75, couleur #384D91

“ Our work doesn’t need to be different. It should be appropriate ”

Légendes

RooneySans medium, corps 19, interlignes 28, couleur #384D91

RooneySans Medium, corps 28, interlignes 55, couleur #384D91

RooneySans Regular, corps 35, interlignes 75, couleur #384D91

— Stephen Hay

Citations dans le texte

RooneySans medium, corps 19, interlignes 24, couleur #384D91

RooneySans medium, corps 24, interlignes 30, couleur #384D91

RooneySans medium, corps 35, interlignes 52, couleur #384D91

« ... je dois bien admettre avoir été surpris de ne pas passer un si mauvais moment que ça. »

Titres

Titres de page

Gelo bold, corps 49, interlignes 56, couleur #EB9B4A

Gelo bold, corps 60, interlignes 56, couleur #EB9B4A

Gelo bold, corps 96, interlignes 100, couleur #EB9B4A

UI-Kit

Sous-titres de page

RooneySans medium, corps 24, interlignes 30, couleur #EB9B4A

RooneySans medium, corps 20, interlignes 38, couleur #EB9B4A

RooneySans medium, corps 32, interlignes 38, couleur #EB9B4A

Une conférence de Stephen Hay

Titres

Gelo bold, corps 28, interlignes 32, couleur #181A1B

Gelo bold, corps 35, interlignes 40, couleur #181A1B

Gelo bold, corps 42, interlignes 60, couleur #181A1B

Titres

Sous-titres

Gelo bold, corps 19, interlignes 23, couleur #181A1B

Gelo bold, corps 24, interlignes 30, couleur #181A1B

Gelo bold, corps 35, interlignes 43, couleur #181A1B

Sous-titres

Liens

Liens dans les paragraphes

RooneySans medium, corps 16, interlignes 24, espaces entre paragraphes 24, couleur #02146E

RooneySans medium, corps 18, interlignes 27, espaces entre paragraphes 30, couleur #02146E

RooneySans medium, corps 20, interlignes 30, espaces entre paragraphes 30, couleur #02146E

Stay curious

Légendes

RooneySans medium, corps 11, interlignes 11, couleur #212121

RooneySans medium, corps 16, interlignes 16, couleur #212121

RooneySans medium, corps 21, interlignes 21, couleur #212121

Avatar de Bastien Gathoye

Boutons

RooneySans medium, corps 19, interlignes 24, couleur #FFFFFF, fond #1F212F, marges 9px 25px 10px 25px, border-radius 10px

RooneySans medium, corps 20, interlignes 25, couleur #FFFFFF, fond #1F212F, marges 12px 34px 13px 34px, border-radius 10px

RooneySans medium, corps 21, interlignes 26, couleur #FFFFFF, fond #1F212F, marges 12px 34px 14px 34px, border-radius 10px

Navigations

Titres

RooneySans medium, corps 40, interlignes 50, couleur #FFFFFF

RooneySans medium, corps 42, interlignes 53, couleur #FFFFFF

RooneySans medium, corps 42, interlignes 53, couleur #FFFFFF

IOLCE

Liens de navigation

état actif:

Liens de footer de navigation

RooneySans medium, corps 24, interlignes 30, couleur #FFFFFF

RooneySans medium, corps 40, interlignes 50, couleur #FFFFFF

Footer

Boutons

RooneySans medium, corps 16, interlignes 20, couleur #66C8A9, fond #1F212F, border 2px #66C8A9, marges 10px 16px 11px 16px, border-radius 10px

RooneySans medium, corps 20, interlignes 25, couleur #66C8A9, fond #1F212F, border 2px #66C8A9, marges 14px 30px 15px 30px, border-radius 10px

RooneySans medium, corps 21, interlignes 26, couleur #66C8A9, fond #1F212F, border 2px #66C8A9, marges 14px 45px 15px 45px, border-radius 10px

Boutons de changement de page

RooneySans medium, corps 19, interlignes 24, couleur #1F212F, fond #66C8A9, marges 18px 33px 18px 33px, border-radius 10px

RooneySans medium, corps 30, interlignes 38, couleur #1F212F, fond #66C8A9, marges 22px 54px 21px 54px, border-radius 20px

RooneySans medium, corps 42, interlignes 53, couleur #1F212F, fond #66C8A9, marges 35px 105px 34px 105px, border-radius 20px

Liens

RooneySans medium, corps 13, interlignes 16, couleur #66C8A9

RooneySans medium, corps 16, interlignes 20, couleur #66C8A9

RooneySans medium, corps 21, interlignes 26, couleur #66C8A9

DWT - Bastien Gathoye © 2022