Logo

Vue d'ensemble

Expression la plus reconnaissable de notre marque, notre logo joue un rôle essentiel dans l'identification de Cloudflare et la connexion avec la marque. Lorsqu'il est utilisé de manière cohérente, il inspire confiance et devient un puissant rappel de la valeur ajoutée que nous apportons.

Logo principal
Image superposée

Empilé
Le logomarque du nuage est superposé verticalement au-dessus du logotype et aligné à droite avec le bord du « E ».

Image horizontale

Horizontal
Le formatage ou l'espacement ne permettent parfois d'utiliser qu'une version horizontale du logo. Utilisez la version horizontale si l'espace est limité.

Couleur
Type de logo

Logotype
Noir • Hex #000000

Logomarque (Gauche)

Logomarque (gauche)
Mandarine • Hex #F6821F

Logomarque (Droite)

Logomarque (droite)
Mangue • Hex #FBAD41

Partenaire
Partenaire — Image

Superposition
Il s'agit du traitement privilégié de la maquette Cloudflare Partner Network, affiché en empilement vertical, comme illustré. La police de caractères de la mention « Partner Network » est Inter Medium.

Partenaire — Carte — Image horizontale

Horizontal
Si l'espace est limité, la version horizontale peut être utilisée.
L'espace entre notre logo et le type doit être égal à la hauteur du logomarque de Cloudflare. La largeur de la barre séparatrice centrée doit être égale à la moitié de la largeur du « L » dans la maquette Cloudflare.

Programmes d'entreprise
Programmes d'entreprise — Superposés — Image

Superposition
Il s'agit du traitement préféré pour la maquette des programmes d'entreprise Cloudflare, affiché sous forme d'empilement vertical, comme illustré.

Police : Inter Medium (tout en majuscules)
Suivi : 120–130 / Crénage : optique
Interligne : 110 % — Alignement à droite avec le logo Cloudflare
Taille en points : la taille minimale en points est de 85 % de la hauteur de « CLOUDFLARE » (le nom ne doit pas dépasser la largeur du logo Cloudflare)

Programmes d'entreprise — Horizontal — image

Horizontal
Le formatage ou l'espacement ne permet parfois d'utiliser qu'une version horizontale du logo. Utilisez la version horizontale si l'espace est limité.

Police : Inter Medium (tout en majuscules)
Suivi : 120–130 / Crénage : optique
Taille en points : la taille maximale en points est atteinte lorsque la hauteur de majuscule est alignée sur le bas du logomarque de nuage
(Utilisez la version empilée si le nom du programme dépasse la largeur du logo Cloudflare)

Teams
 Logo — Équipes — Nom de l'équipe superposé sur deux lignes

Nom de l'équipe superposé sur deux lignes
Police : Inter Medium (même casse que le titre)
Suivi : 10 / Crénage : optique
Interligne : 110 % — Alignement à droite avec le logo Cloudflare
Taille en points : la taille maximale en points est de 118 % de la hauteur de « CLOUDFLARE » (le nom ne doit pas dépasser la largeur du logo Cloudflare)

Logo — Équipes — Nom de l'équipe superposé, trois lignes — Image

Nom de l'équipe superposé sur trois lignes

Police : Inter Medium (même casse que le titre)
Suivi : 10 / Crénage : optique
Interligne : 110 % — Alignement à droite avec le logo Cloudflare
Taille en points : la taille maximale en points est de 118 % de la hauteur de « CLOUDFLARE » (le nom ne doit pas dépasser la largeur du logo Cloudflare)

Espacement

Vue d'ensemble
Lorsque le logo est utilisé avec d'autres éléments graphiques, l'espace libre doit être égal à au moins 100 % de la hauteur du logomarque. Cette disposition permet de laisser de la place au logo et de le présenter sous son meilleur jour. Ces mêmes règles d'espacement s'appliquent aux maquettes de logos de programmes et d'équipes.

Logo - Espacement - Colonne de trois cartes - Superposé

Superposition

Logo — Espacement — Trois colonnes de cartes — horizontales — image

Horizontal

Logo — Espacement — Trois colonnes de cartes — Logomarque — Image

Logomarque

Logo — Espacement — Deux colonnes de cartes — Superposé — Image

Superposition

Logo — Espacement — Deux colonnes de cartes — Horizontal — Image

Horizontal

Dimensionnement
Logo — Dimensionnement — Principal — Image

Logo principal
Les dimensions minimales recommandées sont les suivantes : largeur de 1,78 cm (empilé) ou de 2,54 cm (horizontal) pour les publications imprimées et largeur de 75 pixels (empilé) ou de 100 pixels (horizontal) pour les publications numériques.

Logo — Dimensionnement — Réseau de partenaires — Image

Partner Network
Les dimensions minimales recommandées sont les suivantes : largeur de 2,54 cm (empilé) ou de 3,17 cm (horizontal) pour les publications imprimées et largeur de 75 pixels (empilé) ou de 110 pixels (horizontal) pour les publications numériques.

Contexte

Utilisation
Nous utilisons souvent les couleurs de la marque comme fonds d'éléments visuels pour le web, nos présentations et nos publications imprimées, à condition que ces arrières-plans n'altèrent pas la lisibilité.

Directives concernant la marque — Logo — Arrière-plan — Rubis — Image

Rubis
Utilisez notre logo blanc pour vous assurer de ne pas altérer la lisibilité.

Logo — Arrière-plan — Dégradé (aube) — Image

Dégradé (aube)
Utilisez notre logo blanc pour vous assurer de ne pas altérer la lisibilité.

Logo — Arrière-plan — Blanc — Image

Blanc
Utilisez notre logo blanc pour vous assurer de ne pas altérer la lisibilité.

Directives concernant la marque — Logo — Arrière-plan — Blanc — Image

Clair (logo positif)
Les versions noires du logo ne sont pas à privilégier, mais peuvent être utilisées à des fins promotionnelles, en réponse à des problématiques sociales (essentiellement sur les plateformes de réseaux sociaux) ou en cas de contraintes de conception ou d'impression (impression sur papier journal, par exemple).

Logo — Arrière-plan — Mandarine — Image

Mandarine
Utilisez notre logo blanc pour vous assurer de ne pas altérer la lisibilité.

Logo — Arrière-plan — Dégradé (flou) — Image

Dégradé (flou)
Utilisez notre logo blanc pour vous assurer de ne pas altérer la lisibilité.

Logo — Arrière-plan — Noir — Image

Noir
Utilisez notre logo standard pour vous assurer de ne pas altérer la lisibilité.

Logo — Arrière-plan — Foncé (logo négatif) — Image

Sombre (logo négatif)
Une version blanche du logo peut être utilisée sur des arrières-plans sombres.

À éviter
Logo — À éviter — Maintenir la cohérence — Image

Préservez la cohérence Il est important que l'apparence du logo reste cohérente. Le logo ne doit en aucun cas être modifié.

Directives concernant la marque — Logo — À éviter — Ne pas ajouter de nouveaux effets — Image

N'ajoutez pas de nouveaux effets

Logo — À éviter — Ne pas remplir l'éclat avec de la couleur — Image

Ne remplissez pas l'éclat avec de la couleur

Directives concernant la marque — Logo — À éviter — Respecter les logos approuvés — Image

Utilisez uniquement les logos approuvés L'orientation, la couleur et la composition doivent rester telles que décrites dans ce document, sans exception.

Logo — À éviter — Ne pas changer les couleurs — Image

Ne modifiez pas les couleurs

Directives concernant la marque — Logo — À éviter — Ne pas placer de logo sur des photos chargées — Image

Ne placez pas le logo sur des photos chargées

Logo — À éviter — Respecter les combinaisons approuvées — Image

Respectez les maquettes approuvées Le logo Partner Network doit conserver les trois mêmes couleurs que le logo Cloudflare. (Mandarine, Mangue, Noir)

Directives concernant la marque — Logo — À éviter — Ne pas créer de nouvelles maquettes — Image

Ne créez pas de nouvelles maquettes

Logo - Ce qu'il faut éviter - Ne pas utiliser de visuels stéréotypés - Image

N'utilisez pas le logo noir sur un arrière-plan orange

Vous avez besoin de ressources visuelles ?

Téléchargez des ressources créatives, comme des logos, des photos, des arrière-plans, des bandeaux, des vidéos et des illustrations.