Composants de base

Typographie, couleurs, pictogrammes, points communs et spécificités de l'appli mobile dans l’écosystème digital MAIF

Typographies

La police MAIF est utilisée pour les titres, sous titres. Pour les autres textes, les polices des OS Android et iOS sont utilisées.
Maif

A a

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 ( ) # @

Graisse : Bold

Style : Normal

A a

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 ( ) # @

Graisse : Medium

Style : Normal

A a

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 ( ) # @

Graisse : Regular

Style : Normal

La police MAIF, composante de notre identité de marque

Accés aux guidelines typographies de iOS et Android

Typographies iOS Typographies Android

Couleurs

Dans l'application mobile MAIF, les couleurs possèdent leurs propres rôles et significations :
App mobile
Rouge MAIF
  • HEX : #FC0D1A
Utilisé pour les éléments interactifs de l'application.
Ardoise principal
  • HEX : #2E404F
utilisé pour les titres, et les éléments décoratifs
Gris principal
  • HEX : #333333
Utilisé pour les sous-titres
Gris secondaire
  • HEX : #666666
Utilisé pour le texte de labeur (texte courant)
Ardoise secondaire
  • HEX : #E1E7EF
Utilisé pour le calendrier de planification
"Greige"
  • HEX : #F6F4F1
Utilisé pour les backgrounds

Pictogrammes

Dans l'application mobile MAIF, les pictos sont utilisés en format filaire ou cerclé.
Filaire : Certains pictos sont filaires, afin d'améliorer la lisibilité générale de certaines écrans. On les retrouve dans la home, la bottom nav ainsi que dans les menus.
Cerclé : Hormis les exceptions ci-dessus, tout le reste des pictos sont cerclés

Pour en savoir plus sur leur création et utilisation :

Les pictogrammes MAIF