Logo guidelines
Primary - Horizontal
Secondary - Vertical
The horizontal logo is the primary version and its use should be prioritized over the vertical logo. The vertical version can be used when the logo needs to be center aligned.
Color Guidelines
Color
Mono - Dark
Mono - Light
Size Guidelines
The scale and proportion of the logo should be determined by the available space in the execution. There is no set maximum width for the logos; however, to ensure legibility, the height of the horizontal logos should never be smaller than 1/4 in print and 25px on screen. For the vertical logos, the minimum height is 1/2 in print and 50px on screen.
Horizontal logos
Minimum height for screens: 25px. Minimum height for print: 1/2 in
Vertical logos
Minimum height for screens: 50px. Minimum height for print: 1/2 in
Logo Breakdown
The V and wordmark have very specific placement relationships. Knowing these spatial relationships is critical for maintaining consistency across the brand. To ensure visual balance and clarity, the logos should be surrounded by clear space free of text and graphics. For the vertical logos, the area of clear space should remain consistent with the height of the lowercase “v” within the wordmark.
The V and wordmark have very specific placement relationships. Knowing these spatial relationships is critical for maintaining consistency across the brand. To ensure visual balance and clarity, the logos should be surrounded by clear space free of text and graphics. For the vertical logos, the area of clear space should remain consistent with the height of the lowercase “v” within the wordmark.
Icon Breakdown
Text Usage
The text versions of the Vista sub-brands in the short-term will use initial case: VistaPrint and VistaCreate. Please do not ever use logos in text.
Lockups
The proportions between the 99designs logo and “by vista” were purposefully chosen to ensure legibility at different sizes and should not be altered.
Default
Grayscale
Grayscale
Localization
English (EN) / Japanese(JP)
Dutch (NL)
Italian (IT)
French (FR)
German (DE)
Portuguese (PT)
Spanish (ES)
Logomark
Default
Grayscale
Squaremark
Aligned with edge of the “9” so it’s centered with square. Also, aligned with “d”
Chameleon Mode
Localization
English (EN) / Japanese (JP)
Dutch (NL)
Italian (IT)
French (FR)
German (DE)
Portuguese (PT)
Espanish (ES)
Localization
English (EN) / Japanese (JP)
Dutch (NL)
Italian (IT)
French (FR)
German (DE)
Portuguese (PT)
Spanish (ES)
Social
English (EN) / Japanese (JP)
Dutch (NL)
Italian (IT)
French (FR)
German (DE)
Portuguese (PT)
Spanish (ES)
Favicon
Favicon ISO_32
touch icon iphone_60
touch icon ipad_76
touch icon iphone retina_120
touch icon ipad retina_152
OG image_400
Service offerings
Vista Corporate Solutions
Promotique by VistaPrint
Masks by VistaPrint
Vista Corporate Solutions construction & color
Construction
Colors
Promotique construction & color
Construction
Colors
Masks by VistaPrint construction & color
Construction
Colors
Logo family
Logo family construction
In the construction designs below, see how 99designs is top-aligned with the V and bottom aligned with the baseline of Vista/VistaPrint/VistaCreate, also see how Masks by VistaPrint is bottom aligned with the baseline of Promotique.
Download
