Librairie

Typographie

Echelle de caractères pour les ordinateurs portable et de bureau

Paragraphe | Roboto 1.2em | Graisse 400 | Interligne 1.76 rem : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

TITRE H1 | Barlow 3 rem | Graisse 700 Interligne 3.6 rem 

Titre H2 | Barlow 2 rem | Graisse 600 | Interligne 2.6 rem 

Titre H3 | Barlow 1.5 rem | Graisse 400 | Interligne 2 rem

Titre H4 | Barlow 1.25 rem | Graisse 500 | Interligne 1.75 rem

TITRE H5 | Barlow 1.2 rem | Graisse 500 | Interligne 1.8 rem
TITRE H6 | Barlow 1.1 rem | Graisse 500 | Interligne 1.65 rem

Echelle de caractères pour tablette

Paragraphe | Roboto 1em | Graisse 400 | Interligne 1.6 rem : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

TITRE H1 | Barlow 2.5 rem | Graisse 700 | Interligne 3 rem

TITRE H2 | Barlow 1.8 rem | Graisse 600 | Interligne 2.35 rem

TITRE H3 | Barlow 1.4 rem | Graisse 400 | Interligne 2 rem

TITRE H4 | Barlow 1.2 rem | Graisse 500 | Interligne 1.7 rem

TITRE H5 | Barlow 1.1 rem | Graisse 500 | Interligne 1.65 rem
TITRE H6 | Barlow 1 rem | Graisse 500 | Interligne 1.5 rem

Echelle de caractères pour mobile

Paragraphe | Roboto 0.95 rem | Graisse 400 | Interligne 1.4 rem : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

TITRE H1 | Barlow 2.2 rem | Graisse 700 | Interligne 2.65 rem

TITRE H2 | Barlow 1.6 rem | Graisse 600 | Interligne 2.1 rem

TITRE H3 | Barlow 1.3 rem | Graisse 400 | Interligne 1.8 rem

TITRE H4 | Barlow 1.15 rem | Graisse 500 | Interligne 1.6 rem

TITRE H5 | Barlow 1.05 rem | Graisse 500 | Interligne 1.5 rem
TITRE H6 | Barlow 1 rem | Graisse 500 | Interligne 1.5 rem

Ombres

Couleur : 15%
X :
Y : 38
Flou : 26
Diff : -15

Couleur : 25%
X :
Y : 12
Flou : 24
Diff : -15

Couleur : 25%
X :
Y : 12
Flou : 16
Diff : -8

Couleur : 25%
X :
Y : 8
Flou : 26
Diff : -8

Cette librairie regroupe l’intégralité des palettes de couleurs utilisées sur les sites web du CHU de Rouen.
CHU

#EEF9FF

#DCF3FF

#B2E8FF

#6DD7FF

#20C4FF

#00ACFF

#008ADF

#006DB4

#005C94

#004A77

#003051

Principal
#004A77

#F3F9FC

#E6F3F8

#C8E6EF

#86CADD

#60BAD0

#3BA1BC

#2B839E

#246A80

#21596B

#204B5A

#15303C

Principal
#86CADD

#F0FDFA

#CBFCF2

#98F7E7

#5CECD8

#2BD6C4

#00ACFF

#0B968C

#0D7871

#124F4C

#124F4C

#033030

Principal
#11B4A5

#F6F6F6

#E7E7E7

#D1D1D1

#B0B0B0

#888888

#6D6D6D

#5A5A5A

#4F4F4F

#454545

#3D3D3D

#262626

Principal
#262626

50
#e7ffff
100
#c4ffff
200
#90ffff
300
#43feff
400
#00f6ff
500
#00d9ff
600
#00a9db
700
#0085b0
800
#006a8c
Principal
900
#034f6c
950
#003953

#F0F9FF

#E0F2FE

#BAE6FD

#7CD2FD

#37BCF9

#0DA5EA

#0183C8

#0268A2

#065886

#0C4E75

#082F49

Principal
#0C4E75

#FDFEE8

#FBFFC2

#FBFF89

#FFFE4C

#FDF212

#ECD706

#CCAA02

#A37A05

#86600D

#724E11

#432A05

Principal
#FFFE4C

#F4F8FB

#E9EFF5

#CEDEE9

#A2C3D7

#71A2BF

#4A7F9F

#3C6C8D

#315773

#2C4B60

#293F51

#1B2936

Principal
#4A7F9F

#F6F6F6

#E7E7E7

#D1D1D1

#B0B0B0

#888888

#6D6D6D

#5A5A5A

#4F4F4F

#454545

#3D3D3D

#262626

Principal
#262626