To reinforce VTEX's main identity and ensure consistency in the use of the global brand, the font chosen to create the "VTEX Commerce Platform" logo is VTEX Trust.
If it is necessary to use the brand in typographic format, always use the Medium weight. The use of Regular or any other weight in the Logo typography is not allowed.
Another factor is that the logo has a 2-line variation (more details on the following pages). The line height, therefore, should always be set to 100% and the letter spacing (in all formats) should always be set to -4%.
To reinforce VTEX's main identity and ensure consistency in the use of the global brand, the font chosen to create the "VTEX Commerce Platform" logo is VTEX Trust.
PlatformVTEX Commerce
Platform
If it is necessary to use the brand in typographic format, always use the Medium weight. The use of Regular or any other weight in the Logo typography is not allowed.
Commerce
PlatformVTEX
Commerce
Platform
Another factor is that the logo has a 2-line variation (more details on the following pages). The line height, therefore, should always be set to 100% and the letter spacing (in all formats) should always be set to -4%.
The protection area X is defined by the height of the letter "X" in the logo. No element may invade this area around the logo.
Exclusive use in logos when typographic composition is necessary. Never use the Medium weight beyond the 3 "VTEX Platforms".
Use VTEX Trust Medium with 100% line spacing and -4% letter spacing.
Use for titles, subtitles, and/or highlight texts. Never use the Regular weight as Brand for the 3 "VTEX Platforms".
Use VTEX Trust Regular with 120% line spacing and -4% letter spacing.
Use for titles, subtitles, and/or highlight texts. Never use the Regular weight as Brand for the 3 "VTEX Platforms".
Use Inter Tight Regular with line height 150% and letter spacing 0%.
In terms of font proportion, take X = Base font to help build proportionality and follow the standard of X for base font, 2X for secondary font, and 3X for Primary Font (in this case the Logo in typography).
In terms of margin proportion between fonts, take X = Margin between Primary and Secondary Font. Finally, the margin between this block and the Base Font should be 1.5x (for example, in the case below 1X = 32, so the space between the Primary and Secondary Font block will be 48 (1.5X)).
The VTEX AI Workspace offers commerce teams a native AI operating system that automates workflows.
The VTEX AI Workspace offers commerce teams a native AI operating system that automates workflows.
The VTEX AI Workspace offers commerce teams a native AI operating system that automates workflows.
Example of a centered single-line logo using VTEX Trust Medium with 100% line spacing and -4% letter spacing. The subtitle correctly uses VTEX Trust Regular, followed by a text block in Inter Tight. A centered two-line logo should use 100% line spacing for the logo, 120% for the subtitle and 150% for the text block. Apply the same approach to a centered three-line layout.
Colors are an essential means of expression that help promote identification and define the tone of communication. Below, you will find the main principles of our color code. For printed materials, the use of CMYK codes is mandatory.
Pink
Default
Black
Darker
Dark
Light
Dark
Default
Lightest
Darkest
Light
Always prioritize the use of the 3 logos in Rebel Pink. That is what makes our brand recognizable at first sight. Obviously, it can also be applied in different colors as shown in the examples below.
Commerce
Platform
On darker or more intensely colored backgrounds
Use logo in color White
Commerce
Platform
On lighter or less intensely colored backgrounds
Use logo in color Sirius Black
Commerce
Platform
On lighter backgrounds with subtler colors
Use logo in color Sirius Black
Commerce
Platform
On almost-white or minimally colored backgrounds
Use logo in color Sirius Black
Commerce
Platform
On white backgrounds
Use logo in color Sirius Black
Commerce
Platform
On extremely dark backgrounds (Sirius Black)
Use logo in color White
Commerce
Platform
On dark backgrounds (Secondary Darker)
Use logo in color White
Commerce
Platform
On distinctly blue backgrounds
Use logo in color White
Commerce
Platform
On backgrounds with a prominent neutral gray
Use logo in color White
Commerce
Platform
On softer gray backgrounds (Neutral Dark)
Use logo in color White
Gradients are part of the identity to be used at certain times and assets to provide even more visual and narrative reinforcement.
Commerce
Platform
White on a pink gradient
Use logo in color White
Commerce
Platform
White on a dark gradient
Use logo in color White
Commerce
Platform
Sirius Black on a neutral gradient
Use logo in color Sirius Black
Don't commit these sins with VTEX Commerce Platform
Commerce
Platform
Do not use Sirius Black on pink gradient backgrounds
Commerce
Platform
Do not use Rebel Pink on dark gradient backgrounds
Commerce
Platform
Do not apply a gradient to text on gradient backgrounds
Commerce
Platform
Do not apply a gradient directly to any of the three Platform logos
Commerce
Platform
Do not use gradient shades that have not been presented in this guide
In certain marketing actions or when using specific pieces, images are necessary tools, but they must be managed carefully when used with our visual identity.
On abstract backgrounds, always position the brand in the cleanest areas of the image to preserve logo legibility
And use the logo in White on images with prominent colors
On backgrounds with 3D elements, always position the brand in the cleanest areas to preserve logo legibility
And use the logo in White on images with dark colors
In photographs, position the brand in the cleanest areas to preserve logo legibility
Use the logo in Sirius Black on images with light colors
The minimum size for any of the three brands, when using points as the unit of measurement, is 16 pt. Never use the brand below this size.
The minimum logo usage size in media .pt is 16, which in pixels corresponds to a measurement of 182px width by 11px height.