Les icônes de produit représentent nos produits et nos technologies dans les espaces restreints, tels que les marketplaces, les catalogues, les onglets de navigation et les favicons. Les icônes de produit sont de petite taille et volontairement simples. Elles peuvent toutefois être adaptées en illustrations pour les supports marketing et autres ressources. Elles ne doivent jamais être utilisées en tant que logos de produit ou sans le contexte de la marque Red Hat.

Examples of product icons in both the product icon and service icon styles

Les icônes de produit peuvent être :

a green check icon   utilisées pour représenter des produits dans les interfaces utilisateur ;

a green check icon   utilisées comme favicons dans les interfaces de produit ou dans les onglets de navigation ;

a green check icon   utilisées dans les schémas ou les infographies pour représenter des produits ;

a green check icon   adaptées en illustrations pour les goodies ou les supports marketing et autres ressources.

Les icônes de produit ne peuvent pas être :

A red x icon   utilisées dans les logos de produit ;

A red x icon   utilisées à la place de l'icône de Red Hat ;

A red x icon   utilisées sans le contexte de la marque Red Hat, c'est-à-dire sans le nom complet du produit en texte clair, sans un logo Red Hat ou un logo de produit, ou au sein d'une interface ne portant pas la marque Red Hat.

Styles des icônes de produit

Notre système d'icônes de produit comprend deux styles : le premier pour les produits (avec une référence) que nous vendons, et le second pour toutes les autres offres de technologies. Cette approche permet aux utilisateurs de mieux comprendre notre gamme de produits et de trouver facilement la technologie qu'ils recherchent dans les marketplaces et les catalogues.

an example of a product icon in Red Hat's product icon style

Style pour les icônes de produit

Les produits dotés d'une référence sont représentés par une icône rouge et blanc à l'intérieur d'un carré noir plein, aux angles arrondis. Les éléments clés sont en rouge.

service icon style

Style pour les icônes de service

Toutes les autres technologies, y compris les services, fonctions, composants, plug-ins et opérateurs, sont représentées par une icône noir et rouge sur fond blanc à l'intérieur d'un carré noir aux angles arrondis. Les éléments clés sont en rouge.

Utilisation des icônes de produit

A screenshot of Red Hat Marketplace featuring two Red Hat offerings represented by product icons

Marketplaces et catalogues

Les icônes de produit doivent avant tout être utilisées pour représenter nos produits et nos technologies dans les interfaces utilisateur très visuelles telles que les marketplaces, les catalogues et les environnements de produits.

An example of using a product icon as a favicon in a browser tab

Favicons et onglets de navigation

Les icônes de produit peuvent également être utilisées comme favicons dans les onglets de navigation ou pour la navigation dans une interface de produit. Elles doivent toutefois toujours être utilisées dans le contexte de la marque Red Hat (avec le logo Red Hat complet ou un logo de produit à proximité).

Example of a product icon being used in a topology diagram

Schémas

Vous pouvez utiliser les icônes de produit pour représenter des produits et technologies dans des schémas tels que les vues topologiques dans les interfaces de produits, les schémas techniques dans la documentation des produits ou dans les infographies à l'appui des initiatives produit.

Example of a product icon adapted and used as artwork in a social graphic

Adaptations pour les illustrations

Les icônes de produit peuvent être utilisées pour créer des illustrations à l'appui d'une initiative marketing, par exemple sur un goodie ou sur une image pour les réseaux sociaux. Contrairement aux icônes, qui doivent rester cohérentes dans le temps et dans toutes les applications, les illustrations peuvent être modifiées. En savoir plus sur les illustrations

A product icon and product logo being used in separate imprint areas

Do this

Utilisez les icônes de produit comme des éléments séparés et distincts des logos.

Example of what not to do when using product icons and logos together

Do not do this

Ne fusionnez pas les icônes et les logos des produits en remplaçant l'icône du chapeau rouge de Red Hat.

Example of product icons being used correctly in context of the Red Hat brand

Do this

Utilisez les icônes de produit dans le contexte de la marque Red Hat.

Example of product icons being used incorrectly without the context of the Red Hat brand

Do not do this

N'utilisez pas les icônes de produit sans le contexte de la marque Red Hat.

Red Hat AMQ product icon in the product icon style

Do this

Utilisez les icônes de produit telles quelles.

Example of incorrectly scaling and altering the colors of elements of a product icon

Do not do this

Évitez de modifier les couleurs ou la taille des éléments de l'icône de manière indépendante.

A product icon in the product icon style on a black background with a white drop shadow to add separation from the background

Do this

Ajoutez une ombre légère autour des icônes de produit lorsque vous les utilisez sur un fond noir.

Example of incorrectly adding an outline to the product icon style to create separation on a black background

Do not do this

N'ajoutez pas de contour aux icônes de produit lorsque vous les utilisez sur un fond noir.