Intellij SFCC
Log in

Intellij SFCC Press Kit

Official logos for articles, partner pages, talks, and plugin listings. The red panda is the Intellij SFCC logo, and the cloud is the icon of our JetBrains and VS Code plugins.

We have a new logo

The red panda is now the Intellij SFCC logo. Use it for the company and the product in anything you publish, and swap it in when you update an older article, listing, or slide. The cloud stays on as the plugin icon, the one developers see in the JetBrains Marketplace, the VS Code Marketplace, and the plugin list of their IDE.

Intellij SFCC red panda logo

Red panda logo

The red panda with the vector wordmark. Use it whenever you refer to Intellij SFCC.

Download the logo
Intellij SFCC cloud plugin icon in white

Cloud plugin icon

Our former logo, now the icon of the JetBrains and VS Code plugins. Use it only where you show a plugin.

Download the plugin icon

About Intellij SFCC

Intellij SFCC builds developer tooling for Salesforce Commerce Cloud teams. The product helps engineers navigate cartridges, templates, controllers, hooks, metadata, sandboxes, and deployment workflows across JetBrains IDEs, VS Code, and VS Code-based editors.

Use this kit when referring to the product in editorial pieces, technical articles, partner directories, conference materials, and integration listings.

Red panda logo

Use the full red panda logo in articles, partner pages, and conference materials. Use the panda icon for app tiles, avatars, and social profile images.

Intellij SFCC red panda logo with white wordmark

Logo White

Red panda logo for dark, navy, or high-contrast backgrounds

Intellij SFCC red panda logo with dark wordmark

Logo Dark

Red panda logo for white or light neutral backgrounds

Intellij SFCC red panda icon on a dark background
Intellij SFCC red panda icon on a light background

Panda Icon

Full-color face for app tiles, avatars, and social profile images on any background

Plugin icon

The cloud is the icon of the Intellij SFCC plugins for JetBrains IDEs and VS Code. Use it where you show or link to a plugin, such as marketplace listings, plugin directories, install buttons, and IDE screenshots. For the company and the product as a whole, use the red panda logo.

Intellij SFCC cloud plugin icon in color

Icon Color

Full-color cloud icon for white or light backgrounds

Intellij SFCC cloud plugin icon in white

Icon White

White cloud icon for dark, navy, or high-contrast backgrounds

Intellij SFCC cloud plugin icon with a white wordmark

Wordmark White

Cloud icon with the wordmark for plugin banners on dark backgrounds

Intellij SFCC cloud plugin icon with a dark wordmark

Wordmark Dark

Cloud icon with the wordmark for plugin banners on light backgrounds

Brand colors

The site palette carries Intellij SFCC material. The red panda colors come from the mascot, and each plugin has its own editor palette for material about that plugin.

Site palette

Navy with a four-stop gradient. Use the gradient only for rare brand artwork, never behind or inside the logo.

Deep base
Navy
#001D40
Gradient start
Magenta
#A000C0
Primary action
Purple
#751BD9
Gradient mid
Blue
#467BE5
Gradient end
Cyan
#2ADADE
Artwork gradient
Brand gradient
linear-gradient(135deg, #A000C0 0%, #751BD9 34%, #467BE5 66%, #2ADADE 100%)

Red panda

Taken from the red panda's fur and face. Use them for artwork around the mascot, never to recolor the logo.

Fur
Copper
#B03810
Fur shadow
Rust
#801800
Face
Cream
#F8C0A0
Deep shade
Maroon
#501010

VS Code plugin

Blue, cyan, and deep blue, as on our VS Code plugin pages and launch materials.

Primary
Blue
#1F9CF0
Highlight
Cyan
#57D8DC
Deep tone
Deep Blue
#0065A9

JetBrains plugin

Pink, orange, and purple, as on our JetBrains plugin pages and launch materials.

Primary
Pink
#E12291
Highlight
Orange
#FF9419
Deep tone
Purple
#8F46FF

The VS Code and JetBrains names and logos belong to Microsoft and JetBrains and follow their own brand guidelines.

Keep the brand recognizable

  • Use the red panda logo whenever you refer to Intellij SFCC, the company or the product
  • Use the cloud icon only for the JetBrains and VS Code plugins themselves
  • Where an older article shows the cloud as the product logo, swap in the red panda
  • Keep the proportions of both marks unchanged
  • Use the white versions on dark backgrounds and the dark or color versions on light backgrounds
  • Do not recolor, rotate, outline, or add effects to either mark
  • Maintain clear space around the logo equal to the height of the 'I' glyph

Press & partner inquiries

For press coverage, partner pages, conference materials, or unusual brand usage questions, reach the team at the address below.

[email protected]