Red Hat Marketplace handbook

This handbook is designed to help writers and designers create content and assets for Red Hat® Marketplace, a centralized location for trying, buying, and managing certified enterprise software for container-based environments in public clouds and on-premise.

Decorative text reads “Open, authentic, helpful, brave.”

Tone and voice

At Red Hat, we want to be a technology company that stands out for our direct, honest, and reliable communications. Consistency across our web properties helps our audience understand what Red Hat stands for and what to expect from our content. Red Hat Marketplace is no different. Use Red Hat’s voice and tone, not IBM’s.

Various UI elements on a gray background.

User experience

All Red Hat web properties follow Red Hat’s digital design system guidelines. When creating web elements like layouts, buttons, and links, follow these guidelines to ensure consistency across our web pages.

Logo variation and clear space

Available in both horizontal and stacked layouts, the Red Hat Marketplace logo follows the Red Hat universal logo format. Clear space is the area around the logo that should not have text, distracting graphics, or other logos. This space ensures that nothing interferes with the visual impact of the logo.

Standard logo

When promoting Red Hat Marketplace, always use the version of the logo with the “Operated by IBM” endorsement. If you’re not sure which logo to use, default to this version.

The clear space should be at least the height of the letter “e” in the word “Red” all the way around the logo.

The Red Hat Marketplace logo with “Operated by IBM” line, with appropriate clear space.

Interface logo

The Red Hat Marketplace logo without the "Operated by IBM" endorsement should only be used within the Marketplace interface. In this case, the IBM/Red Hat relationship is made clear in other areas of the interface.

The clear space should be at least the height of the letter “e” in the word “Red” all the way around the logo.

The Red Hat Marketplace logo with appropriate clear space.

Marketplace Select logo

Red Hat Marketplace Select uses the same logo structure and adds "Select" in a lighter weight font. It can be used with or without the IBM endorsement, but should only be used when promoting Red Hat Marketplace Select offerings.

The clear space should be at least the height of the letter “e” in the word “Red” all the way around the logo.

The Red Hat Marketplace Select logo with “Operated by IBM” line, with appropriate clear space.

Red Hat Marketplace partner button

Partners can use the "Available on Red Hat Marketplace" buttons to let customers know that a product is available on Red Hat Marketplace. These buttons can be used on web pages, promotional images, and other partner-branded materials to take users directly to Red Hat Marketplace. Reach out to your Red Hat point of contact for more information.

 Dark version of the “Available on Red Hat Marketplace” button.
Light version of the “Available on Red Hat Marketplace” button.
One-color black version of the “Available on Red Hat Marketplace” button.
One-color white version of the “Available on Red Hat Marketplace” button.

Applying the Red Hat Marketplace logo

When you're applying the Red Hat Marketplace logo, avoid these things.

 Image showing misuse: The hat has been moved and placed on top of the words in the logo.
Red X saying do not do this

Do not rearrange parts of the logo.

Image showing misuse: The text in the logo has been resized.
Red X saying do not do this

Do not change the size of the IBM endorsement.

Image showing misuse: The IBM 8-bar logo has replaced IBM in the text.
Red X saying do not do this

Do not add the IBM 8-bar logo to the Red Hat Marketplace logo.

Image showing misuse: The Red Hat Marketplace logo has been paired with the Red Hat and IBM co-brand logo lockup.
Red X saying do not do this

Do not use additional Red Hat, IBM, or co-brand logos with the Red Hat Marketplace logo.

Image showing misuse: The Red Hat Marketplace logo has been locked up with a partner’s logo.
Red X saying do not do this

Do not co-brand the Red Hat Marketplace logo with another logo. Only use the Red Hat or IBM logo in a co-brand logo lockup.

Image showing misuse: Red Hat Marketplace logo paired with the “Available on Red Hat Marketplace” button.
Red X saying do not do this

Do not use both the Red Hat Marketplace logo and the “Available on Red Hat Marketplace” button. Choose the one that makes sense.

Design language

The overall feel of Red Hat Marketplace should be light and airy, with a focus on usability. Layouts should be simple and straightforward, with plenty of white space.

Diagram showing Red Hat font weights.

Typography

Red Hat Marketplace uses the Red Hat Display and Red Hat Text typefaces used across the Red Hat brand. Use Red Hat Display for large text like headers and Red Hat Text for small text like quotes and body copy.

Red Hat icons and Carbon Design System icons on a gray background.

Icons

Use icons in small spaces to illustrate concepts that don’t need a full illustration. For large icons (30-100px), use the Red Hat icons. For smaller interface icons (less than 20px), use icons from the Carbon Design System.

The Red Hat digital color palette.

Colors in the interface

Colors in the interface For links and other interface elements, use colors from the Red Hat digital design system. These specific color values have been chosen to meet accessibility standards and should be consistent across Red Hat web properties. Light blues are a key part of the visual system but should come from illustrations, not from user interface (UI) or background elements.

The Red Hat Marketplace color palette.

Color in illustrations and marketing

Illustrations should be predominately light blues with dark blue and black shadows, plus Red Hat red as an accent color, pulled from the Red Hat color palette. Use illustrations in the interface to introduce shades of blue.

Illustration

Use illustrations to add character, interest, and a human element to pages. Illustrations should tell a story and should complement and enhance the content they accompany. Red Hat Marketplace illustrations use the Red Hat illustration style and focus on using shades of light blue and white. Dark blue, black, and limited pops of red are used to create shadows, contrast, and highlights.

An illustration in Red Hat illustration style using tints and shades of red, black, and blues.

Red Hat Marketplace illustration properties

the letter A

Use light blues to build a majority of the illustration. For objects in the scene, use shades of blue or black rather than realistic colors to create depth and shadows.

the letter B

Use white to add details without cluttering the illustration.

the letter C

Use Red Hat red for limited pops of color to highlight important parts of the illustration.

the letter D

Use tints and shades of red and black for skin and hair. Illustrations should be inclusive of our diverse audience.

Illustration using tints and shades of red, blue, and black.
Do this

Use light blues and white with details in black and red for Red Hat Marketplace illustrations.

Image showing misuse: Illustration using only tints and shades of red.
Red X saying do not do this

Don’t use red or other Red Hat brand colors for the majority of the illustration. Use red for highlights and important details.

Image showing misuse: Illustration using only tints and shades of blue.
Red X saying do not do this

Don’t use other colors from the Red Hat or IBM color palettes in Red Hat Marketplace illustrations.

Red Hat Marketplace brand in use

These elements come together to create a consistent brand and visual identity for Red Hat Marketplace that reflects the Red Hat brand. These elements can be used across applications beyond the website like advertisements, social media, and branded merchandise (swag).

A t-shirt with the Red Hat Marketplace logo on the pocket.

Swag should be simple and include the Red Hat Marketplace logo with the “Operated by IBM” endorsement.

An Instagram post about Red Hat Marketplace.

Social media posts should incorporate the Red Hat Marketplace logo with the “Operated by IBM” endorsement and utilize other elements of the visual system like illustrations.

A tote bag with the Red Hat Marketplace, Operated by IBM logo and a pattern of Red Hat icons.
Do this

Use the Red Hat Marketplace logo alone without other logos or branding.

 Image showing misuse: A tote bag with the IBM logo and the Red Hat Marketplace
Red X saying do not do this

Do not use additional Red Hat, IBM, or co-brand logos with the Red Hat Marketplace logo.

A notebook with the Red Hat Marketplace, Operated by IBM logo and a pattern of Red Hat icons printed on the front.
Do this

Do not co-brand the Red Hat Marketplace logo with another logo. Use the Red Hat or IBM logo instead.

Image showing misuse: A notebook with blue text in IBM Plex font and the Red Hat Marketplace logo printed on the front.
Red X saying do not do this

Do not use the Red Hat Marketplace logo with a Red Hat business partner logo. Choose one.