Aller au contenu

La marque Filo

Notre logo est l’élément le plus reconnaissable et le plus emblématique de la marque FiloMail. Cette section présente ses déclinaisons selon les contextes, les formats et les supports de communication.

Logo Horizontal

Règles d’assemblage standard (composition horizontale)

Logo Horizontal Clearspace

Zone de protection (composition horizontale)

Logo Vertical

Règles d’assemblage standard (composition verticale)

Logo Vertical Mono

Zone de protection (composition verticale)

02 Icônes d’application et de réseaux sociaux

DownloadTélécharger

Cette section définit les règles d’utilisation des icônes d’application et leur taille minimale, ainsi que les modalités d’utilisation des avatars sur les réseaux sociaux selon les contextes.

App Icon on light backdrop

sur fond clair

App Icon on dark backdrop

sur fond sombre

The minimum display size

Taille minimale d’affichage

Social Icons Light

Icônes de réseaux sociaux sur fond clair

Social Icons Blue

Icônes de réseaux sociaux sur fond bleu

03 Couleurs

DownloadTélécharger

Couleurs principales

Notre palette principale constitue le fondement de notre identité chromatique et doit donner le ton sur les principaux supports de la marque. Son utilisation cohérente crée un repère visuel reconnaissable pour FiloMail. Elle est complétée par notre palette secondaire.

HEX #22A0FB

RGB 34 160 251

PMS 2382C

HEX #002346

RGB 0 35 70

PMS 540C

HEX #0D93F3

RGB 13 147 243

PMS 2382C

HEX #9DDEFF

RGB 157 222 255

PMS 2905C

HEX #EEF9FF

RGB 238 249 255

PMS 290C

HEX #EEF9FFHEX #FFFFFF
HEX #0D93F3HEX #22A0FBHEX #9DDEFF

Couleurs secondaires

La palette secondaire enrichit les possibilités d’expression de la marque et permet à FiloMail de s’adapter à différents contextes tout en conservant son caractère joyeux et dynamique. Ces couleurs peuvent apporter du relief aux communications ou accompagner des images et des messages particuliers.

HEX #A02313
HEX #CB8E0A
HEX #487E3E
HEX #26879A
HEX #5045A7
HEX #BA3970
HEX #DE6C45
HEX #EFBA49
HEX #52A643
HEX #4CB4C9
HEX #8374F1
HEX #E35F91
HEX #FFCFBF
HEX #FFE7B3
HEX #B3EAA9
HEX #A1E6F3
HEX #C4ABFF
HEX #FCB7D3

04 Utilisation du logo sur différents fonds

Règles d’utilisation du logo sur les fonds de la palette principale

Black 100%
Black 100%
Black 80%
Black 80%
Black 60%
Black 60%
Black 40%
Black 40%
Black 20%
NoBlack 20%
Black 10%
Black 10%
Blue 100%
NoBlue 100%
Blue 80%
NoBlue 80%
Blue 60%
NoBlue 60%
Blue 40%
NoBlue 40%
Blue 20%
Blue 20%
Blue 10%
Blue 10%
Blue 100%
Blue 100%
Blue 80%
Blue 80%
Blue 60%
Blue 60%
Blue 40%
Blue 40%
Blue 20%
NoBlue 20%
Blue 10%
NoBlue 10%

05 Sur une image

Notre logo doit toujours rester parfaitement lisible et préserver son intégrité lorsqu’il est placé sur une image. Veillez à assurer un contraste suffisant entre la photo de fond et le logo.

À faire : assurer un contraste suffisant entre le logo et le fond.
À faire : assurer un contraste suffisant entre le logo et le fond.
À faire : assurer un contraste suffisant entre le logo et le fond.
À faire : assurer un contraste suffisant entre le logo et le fond.
À éviter : placer le logo sur un fond chargé qui nuit à sa lisibilité.
À éviter : placer le logo sur un fond chargé qui nuit à sa lisibilité.
À éviter : placer le logo sur un fond chargé qui nuit à sa lisibilité.
À éviter : placer le logo sur un fond chargé qui nuit à sa lisibilité.

06 Exemples d’utilisations interdites du logo

Pour préserver la cohérence et l’impact de notre identité de marque, le logo ne doit être ni réinterprété, ni modifié, ni agrémenté d’éléments décoratifs. Cette page présente quelques modifications à éviter.

Ne pas étirer ni déformer le logo
Ne pas étirer ni déformer le logo
Ne pas faire pivoter le logo
Ne pas faire pivoter le logo
Ne pas modifier l’alignement des éléments du logo
Ne pas modifier l’alignement des éléments du logo
Ne pas convertir le logo en contours
Ne pas convertir le logo en contours
Ne pas utiliser de logo en basse résolution
Ne pas utiliser de logo en basse résolution
Ne pas utiliser le logo comme masque
Ne pas utiliser le logo comme masque
Ne pas appliquer d’effets tels que des lueurs ou des ombres portées
Ne pas appliquer d’effets tels que des lueurs ou des ombres portées
Ne pas utiliser d’associations de couleurs non approuvées pour le logo
Ne pas utiliser d’associations de couleurs non approuvées pour le logo
Ne pas modifier les proportions relatives du symbole et du nom de marque
Ne pas modifier les proportions relatives du symbole et du nom de marque

07 Typographie

DownloadTélécharger

FiloMail utilise Inter comme police principale sans empattement sur l’ensemble du site, avec Georgia, Lora, serif comme famille secondaire de polices à empattement.

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Police sans empattement

Georgia

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Police à empattement

08 Composition avec un partenaire

Le logo FiloMail peut être associé aux logos de marques partenaires et de collaborateurs. Vous trouverez ci-dessous un exemple de notre composition horizontale principale.

Partner Logo Lockup

Logo

Partner Icon Lockup

Icône