Typographie
La typographie aide à hiérarchiser la lecture, à organiser les informations et à guider nos utilisateurs à travers les pages.
Retrouvez dans cette rubrique les polices MACSF et l'ensemble des règles liées à l'uniformisation des textes de la marque.
Typographie principale
La typographie principale utilisée est la Dax OT. Cette police apporte douceur et lisibilité pour tous les messages de la marque MACSF. Elle est disponible dans différentes graisses.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
DaxOT-Light
Graisse: normal
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
DaxOT
Graisse: normal
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
DaxOT-Medium
Graisse: medium
Les utilisations
Différents styles de texte et de titres sont proposés pour créer une hiérarchie visuelle et assurer une homogénéité sur les interfaces.
| Niveau | Aperçu | Attributs desktop | Attributs mobile |
|---|---|---|---|
| Titre | Titre1 | Taille : 36 px Line-height : 46 px | Taille : 28 px Line-height : 32 px |
| Titre | Titre2 | Taille : 28 px Line-height : 36 px | Taille : 22 px Line-height : 28 px |
| Titre | Titre3 | Taille : 22 px Line-height : 28 px | Taille : 20 px Line-height : 24 px |
| Titre | Titre4 | Taille : 18 px Line-height : 25 px | Taille : 18 px Line-height : 25 px |
| Paragraphe | Paragraphe1 | Taille : 18 px Line-height : 25 px | Taille : 18 px Line-height : 25 px |
| Paragraphe | Paragraphe2 | Taille : 16 px Line-height : 22 px | Taille : 16 px Line-height : 25 px |
| Sous-titre | Sous-titre1 | Taille : 16 px Line-height : 22 px | Taille : 16 px Line-height : 22 px |
| Sous-titre | Sous-titre1 | Taille : 14 px Line-height : 20 px | Taille : 14 px Line-height : 20 px |
Typographies complémentaires
Il existe 2 typographies complémentaires disponibles dans différentes graisses : Arial et Open Sans.
Arial
Elle est utilisée pour les supports bureautiques.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
arialregular
Graisse: normal
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
arialbold
Graisse: normal
Open Sans
La police Open Sans, compatible avec le web, est utilisée dans certains cas particulier du web.
Exemple : e-mailing et newsletter.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
Open Sans
Graisse: normal
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0 ( ) # @
Open Sans
Graisse: bold