Welcome to the StockPro graphic assets usage guide
Our visual identity plays a pivotal role in how we communicate our mission, share our values, and connect with our community. This guide is crafted to assist you in understanding and applying our visual palette in a way that reinforces our brand cohesively and impactfully.
<aside> <img src="/icons/bookmark_green.svg" alt="/icons/bookmark_green.svg" width="40px" /> Content
</aside>
Discover the colors that define our brand, designed to evoke the right emotions and enhance our visual identity.
Our fonts are chosen to complement our brand's style and ensure clear communication.
Here's how to use them effectively.
<aside> <img src="/icons/arrow-down-line_green.svg" alt="/icons/arrow-down-line_green.svg" width="40px" /> Download the font family
</aside>
Explore our logos and their variations, the keystones of our brand's visual identity, and learn how to use them to maintain consistency and recognition across all platforms.
<aside> <img src="/icons/arrow-down-line_green.svg" alt="/icons/arrow-down-line_green.svg" width="40px" /> Download the file
</aside>
<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> How to use the logos ?
<aside> <img src="/icons/create_lightgray.svg" alt="/icons/create_lightgray.svg" width="40px" /> Primary use
The StockPro logo is made up of company green #1BB371. The logo should primarily be used on a white background for maximum impact and clarity.
Primary color on white background
</aside>
<aside> <img src="/icons/shuffle_lightgray.svg" alt="/icons/shuffle_lightgray.svg" width="40px" /> Other alternatives
In cases where the white background logo is not suitable, the following versions are available:
White on primary color background
Primary color on dark background
White on dark background (for print)
</aside>
<aside> <img src="/icons/set-square_lightgray.svg" alt="/icons/set-square_lightgray.svg" width="40px" /> Margins and dimensions
The minimum free space is defined by x, measured by the size of the icon between Stock and Pro. The minimum free space of 1x should always be applied. Try to maximize free space whenever possible.
The logo includes a transparent margin (in blue) to allow regular centering. The source files include this margin which must be taken into account.
Icon
</aside>
<aside> <img src="/icons/photo-landscape_lightgray.svg" alt="/icons/photo-landscape_lightgray.svg" width="40px" /> Background colors and photos
Ideally, the logo should be used on a white background for maximum impact and clarity. When this is not possible, be sure to choose background colors or photos that provide sufficient contrast with the logo.
<aside> <img src="/icons/thumbs-up_green.svg" alt="/icons/thumbs-up_green.svg" width="40px" /> Recommended
Make sure the logo contrasts sufficiently with a colored or photo background.
</aside>
<aside> <img src="/icons/no_red.svg" alt="/icons/no_red.svg" width="40px" /> Forbidden
Low contrast with the logo. Neutral photo without moving humans in the foreground.
</aside>
</aside>
</aside>