Couleurs et Polices
Couleurs
Les couleurs de la charte graphique Istex se déclinent autour du bleu, du vert et du gris.
| Couleur | Nom | Usage | Hexadecimal | HSL | RGB |
|---|---|---|---|---|---|
| Canard -1 | survol des liens et bouttons |
#31768F
|
hsl(196, 49%, 38%)
|
rgb(49, 118, 143)
|
|
| Canard -2 | clic des liens et bouttons |
#1A5A71
|
hsl(196, 63%, 27%)
|
rgb(26, 90, 113)
|
|
| Canard 0 | color main - bleu istex - tryptique bloc gauche, ..... |
#458CA5
|
hsl(196, 41%, 46%)
|
rgb(69, 140, 165)
|
|
| Canard 1 | tryptique bloc centre |
#69A1B6
|
hsl(196, 35%, 56%)
|
rgb(105, 161, 182)
|
|
| Canard 2 | tryptique bloc droite |
#8FBAC9
|
hsl(196, 35%, 67%)
|
rgb(143, 186, 201)
|
|
| Canard tramé | canard 0 transparence 20% : hexa (non transparent) #458ca533 - RGBa ('a' gère l'opacité) a=1,opacité 100%, a=0.2 opacité 20% rgba(69, 140, 165, 0.2) |
#458CA533
|
hsla(196, 41%, 46%, 0.2)
|
rgba(69, 140, 165, 0.2)
|
|
| Canard 3 | = gris 4 | couleur de fond Accueil bloc présentation et bloc de résultat |
#F6F9FA
|
hsl(195, 29%, 97%)
|
rgb(246, 249, 250)
|
|
| Lime -1 | vert foncé bordures, "besoin d'aide", ... |
#A9BB1E
|
hsl(67, 72%, 43%)
|
rgb(169, 187, 30)
|
|
| Lime 0 | color secondary - vert istex - logo istex - certains boutons ou liens |
#C4D733
|
hsl(67, 67%, 52%)
|
rgb(196, 215, 51)
|
|
| Lime 1 | aucun usage trouvé |
#E3EF63
|
hsl(65, 81%, 66%)
|
rgb(227, 239, 99)
|
|
| Lime 2 | couleur de fond en survol bloc de résultat (pour les sites tdm , search) |
#F9FBEB
|
hsl(67, 67%, 95%)
|
rgb(249, 251, 235)
|
|
| Noir 80% |
#0D0D0D
|
hsl(0, 0%, 5%)
|
rgb(13, 13, 13)
|
||
| Gris 0 |
#1D1D1D
|
hsl(0, 0%, 11%)
|
rgb(29, 29, 29)
|
||
| Gris 1 |
#4A4A4A
|
hsl(0, 0%, 29%)
|
rgb(74, 74, 74)
|
||
| Gris 2 |
#8F8F8F
|
hsl(0, 0%, 56%)
|
rgb(143, 143, 143)
|
||
| Gris 3 |
#F0F0F0
|
hsl(0, 0%, 94%)
|
rgb(240, 240, 240)
|
||
| Gris 4 |
#F6F9FA
|
hsl(195, 29%, 97%)
|
rgb(246, 249, 250)
|
||
| Blanc 100% |
#FFFFFF
|
hsl(0, 0%, 100%)
|
rgb(255, 255, 255)
|
Polices
Les polices de la charte graphique Istex se déclinent autour de la police « Montserrat » pour les titres et de la police « Open Sans » pour les textes.
| Nom de la catégorie | Principal | Secondaire |
|---|---|---|
| Montserrat bold 40 |
H1 |
H1 |
| Monsterrat bold 36 |
H2 |
H2 |
| Montserrat bold 32 |
H3 |
H3 |
| Montserrat bold 28 |
H4 |
H4 |
| Montserrat bold 24 |
H5 |
H5 |
| Montserrat bold 20 |
H6 |
H6 |
| Open Sans 16 | Body | Body |
| Open Sans 16 | Link | Link |
