Design du site internet de l'Orchestre National d'Île-de-France
TYPOGRAPHIE
Les titres avec la police Roboto Flex (police par défaut des titres)
Titres niveau 1 (h1) Roboto extrabold Taille 2xl/40px
Titres niveau 2 (h2) Roboto bold Taille xl/32px
Titres niveau 3 (h3) Roboto semibold Taille lg/24px
Titre de carte niveau 4 (h4) Roboto black Taille lg2/30px
Titres de carte niveau 5 (h5) Roboto medium Taille md2/23px
Titres de carte niveau 6 (h6) Roboto extralight Taille xs2/17px
Les titres avec la police Brandon
Titres niveau 1 (h1) Brandon extrabold Taille 2xl/40px
Titres niveau 2 (h2) Brandon bold Taille xl/32px
Titres niveau 3 (h3) Brandon semibold Taille lg/24px
Titres de carte niveau 4 (h4) Brandon black Taille lg2/30px
Titres de carte niveau 5 (h5) Brandon medium Taille md2/23px
Titres de carte niveau 6 (h6) Brandon extralight Taille xs2/17px
Les titres avec la police Barlow
Titres niveau 1 (h1) Barlow extrabold Taille 2xl/40px
Titres niveau 2 (h2) Barlow bold Taille xl/32px
Titres niveau 3 (h3) Barlow semibold Taille lg/24px
Titres de carte niveau 4 (h4) Barlow black Taille lg2/30px
Titres de carte niveau 5 (h5) Barlow medium Taille md2/23px
Titres de carte niveau 6 (h6) Barlow extralight Taille xs2/17px
Les textes
Texte standard police Roboto Flex / Taille 16px / couleur rouge ONDIF: info éditoriale, description, contenu d’article.
Texte police Brandon / Taille 16px : info éditoriale, description, contenu d’article.
Texte police Barlow / Taille 16px : info éditoriale, description, contenu d’article.
Texte police Roboto Flex / Taille 16px / clampé sur 2 lignes pour les cartes (résumé, programme, etc.).
Si ça dépasse, ça coupe proprement. Pour du texte de description qui doit tenir dans un cadre, mais qui a été écrit trop long, pour ne pas casser le design du site, on va limiter l'affichage à 2 lignes. c'est pour des espace réduit. Pour ne pas casser le design de la page. J'ai presque écrit 2 lignes, je vais bientôt être censurée.
Carte concert
Pour les endroits où il y a une liste de concert page d'accueil, page agenda, page saison...