Neue Freigeist
Neue Freigeist : Cette police est utilisée pour tous les titres (h1, h2, h3…) et les éléments nécessitant une hiérarchisation et une identification interactive direct. Cette police est décliné en deux variantes.
Neue Freigeist Regular 100
Titre H1
Titre H2
Titre H3
Viverra quis venenatis non lectus nisi habitant molestie fusce himenaeos iaculis ultricies torquent sociosqu dis felis sed nostra ligula ante mauris vehicula praesent fringilla euismod suspendisse curabitur mattis natoque inceptos hac interdum maecenas
Neue Freigeist Bold 500
Titre H1
Titre H2
Titre H3
Viverra quis venenatis non lectus nisi habitant molestie fusce himenaeos iaculis ultricies torquent sociosqu dis felis sed nostra ligula ante mauris vehicula praesent fringilla euismod suspendisse curabitur mattis natoque inceptos hac interdum maecenas
Règles des polices par device
Cette partie défini les tailles des polices pour l’ensemble du site web fribourg.ch. Elle défini aussi sur quels éléments cette police est utilisé.
Titre principal sur les images des headers
Taille en desktop résolution min 1200px
- Taille: 50px
- Épaisseur: bold 500
- Interlignage: 60px
Taille en mobile résolution min 375px
- Taille: 25px
- Épaisseur: bold 700
- Interlignage: 35px
Titre principal des pages détails (POI, Itinéraire…)
Taille en desktop résolution min 1200px
- Taille: 40px
- Épaisseur: bold 500
- Interlignage: 50px
- Marge en haut et en bas: 15px
Taille en mobile résolution min 375px
- Taille: 20px
- Épaisseur: bold 700
- Interlignage: 25px
- Marge en haut et en bas: 15px
Utilisé pour mettre en avant du contenu important à lire. Sa taille lui permet de la rendre plus visible dans la page de contenu.
Taille en desktop résolution min 1200px
- Taille: 30px
- Épaisseur: bold 500
- Marge en haut et en bas: 15px
Taille en mobile résolution min 375px
- Taille: 22px
- Épaisseur: bold 500
- Marge en haut et en bas: 15px
Titre dans le menu principal des régions (seulement pour la version desktop)
Taille en desktop résolution min 1200px
- Taille: 24px
- Épaisseur: bold 500
- Marge en haut et en bas: 15px
Titre des vignettes des groupes (titre sur les images)
Taille en desktop résolution min 1200px
- Taille: 24px
- Épaisseur: bold 500
Taille en mobile résolution min 375px
- Taille: 24px
- Épaisseur: bold 500
Titre pour les blocs Gutenberg
Taille en desktop résolution min 1200px
- Taille: 20px
- Épaisseur: bold 500
- Interlignage: 24px
Taille en mobile résolution min 375px
- Taille: 20px
- Épaisseur: bold 500
- Interlignage: 24px
Titre des infos dans les pages détails (blocs à droite — seulement en desktop)
Taille en desktop résolution min 1200px
- Taille: 18px
- Épaisseur: bold 500
- Marge du bas: 20px
Titre des rubriques du menu principal des régions (seulement en desktop)
Taille en desktop résolution min 1200px
- Taille: 18px
- Épaisseur: bold 500
Sur tous les boutons
Taille en desktop résolution min 1200px
- Taille: 16px
- Épaisseur: regular 100
Taille en mobile résolution min 375px
- Taille: 16px
- Épaisseur: regular 100