Brand Resources

One stop shop to download logos, photos, fonts, and more.

Need anything that's not here?

Downloads

One stop shop to download logos, photos,
fonts, and more.

Brand Concept Note:

The focal point on the word "OR" creates an exciting opportunity, emphasizing the idea of making better choices and switching to a more fulfilling option.

The word "or" is a powerful linguistic tool that serves as a crucial pause in our decision-making process. In Protivore, it pertains to giving us a brief moment to reflect on the expanding possibilities that can help us make mindful and responsible food choices. Instead of succumbing to impulse or habit, "or" encourages us to explore various options, which can lead to more diverse and balanced diets.

Logos

Supporting Graphic Elements

Let developers and designers download source files in no time.
1. The Pointing Hand - “The Guide”Meaning: Our pointing hand is like a friendly guide, here to help you make smart choices in the world of plant-based protein snacks. It’s all about showing you the way to healthier snacking options.

2. The Holding Hand - “The Harvester”Meaning: Our picking/holding hand embodies the essence of careful selection and harvesting. It represents how Protivore goes the extra mile to pick and source the finest plant-based ingredients for our snacks.

3. The Reaching Hand - “The Ambition”Meaning: The reaching hand signifies ambition and aspiration. It’s a symbol of how Protivore is constantly striving for new heights in crafting innovative, delectable, and nutritious plant-based protein snacks.Together, these three hands make up the lively and dynamic identity of Protivore. They embody our mission to guide you toward healthier snack choices, our meticulous ingredient selection, and our continuous drive to redefine the world of plant-based protein snacks. With every snack, you’re not just nourishing your body; you’re embarking on a journey guided by “The Guide,” harvested by “The Harvester,” and fueled by “The Ambition” to support your active and healthy lifestyle.
Curvy Wrap
SVGJPGPNG
Curvy Wrap
SVGJPGPNG
Curvy Wrap
SVGJPGPNG
Curvy Wrap
SVGJPGPNG
Curvy Wrap
SVGJPGPNG
Curvy Wrap
SVGJPGPNG

Fonts

Let developers and designers download source files in no time.
Londrina Solid
Google Fonts
Area Normal
ZIP

Guidelines

Typography

Our design system helps us work together to build a great experience for all of your communication touchpoints. Setting a global typography for the brand helps in scalability and consistency.

Brand Fonts

1. Londrina Solid

Londrina is a hand-drawn font that is characterized by its playful and informal appearance. It has a unique and distinctive style, with irregular letterforms and a hand-drawn influence that give it a friendly and approachable feel.

2. Area Normal

Area Normal is a variable geometric font family. A clean and reader friendly font that can be paired perfectly with the primary typeface. Area was primarily designed for digital interfaces, which require a readable character set which can be read in small or even very small sizes. However, it’s a great fit for print mediums for the brand.

Size Guideline

Become provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless

Title Heading Styles

H1 / 64PX / 1.3 EM
H2 / 48PX / 1.3 EM
H3 / 38PX / 1.3 EM
H4 / 30PX / 1.3 EM
H5 / 20PX / 1.3 EM

Paragraph Text Styles

P1/ 26PX / 1.8 EM
P2/ 22PX / 1.8 EM
P3/ 18PX / 1.8 EM
P4/ 16PX / 1.8 EM

Application

Colors

There's nothing better than using a global color scheme across the brand. The color scheme leverage brand recognition and marks our vibrant presence.

Primary Colors

Our primary color palette consists of three hues and multiple tones. Isabelline, Chestnut and Sandy Brown are three of the brand’s iconic primary colours factoring 50% in terms of application. Use the tones sparingly as and when required to stand out in comparison to the parent colors.
Isabelline
HEX: #F6F4EFRGB: 246, 244, 239
Chestnut
HEX: #93502D
RGB: 147, 80, 45
Pantone : 7516 C
HEX: #6D3415 | RGB: 109, 52, 21
HEX: #C66A3A | RGB: 198, 106, 58
Sandy Brown
HEX: #F79955
RGB: 247, 153, 85
Pantone: 157 C
HEX: #E27B35 | RGB: 226, 123, 53
HEX: #FFE8D8 | RGB: 255, 231, 216

Secondary Colors

The secondary palette consist of two foundational colors representing dark and lite that accomodates and goes along with the primary colors
Calamansi
HEX: #FFFBB1
RGB: 255, 251, 77
HEX: #DA9E28 | RGB: 218, 158, 40
HEX: #FF9780 | RGB: 251, 234, 138
Pale Pink
HEX: #F9D9DF
RGB: 249, 217, 223
Pantone: 706 C
HEX: #C75C44 | RGB: 226, 133, 156
HEX: #F2A2B5 | RGB: 242, 162, 181
Columbia Blue
HEX: #C0DEE2
RGB: 192, 222, 226
Pantone: 628 C
HEX: #61B5BC | RGB: 199, 92, 68
HEX: #91CCD1 | RGB: 145, 204, 209

Logo Usage

There's nothing better than using a global color scheme across the brand. The color scheme leverage brand recognition and marks our vibrant presence.

Exclusion Zone

When placing the formal logo, be sure that other text and graphic elements do not encroach on it. When visual elements are placed too close to the logo, it can lead to a congested unpleasant appeal and also might create confusion.In order to let the logo breath , it should be surrounded with clear space to ensure its visibility and impact.

The height of the letter ‘O’ in the wordmark should be respected as the minimum distance from all sides of the logos as well as the monograms, to any other objects or margins in the composition.

Proper Application of Logo: DOs

Always use the Protivore’s dark logo on lighter Imagery/ lighter parts of the Imagery to maintain thecontrast level
Always use the ElevateNow’s Light logo on darker imagery/ darker parts of the Imagery to maintain thecontrast level
Always use the correct logo+background pairing to maintain the contrast level.
Always maintain a minimum area of the exclusion zone around the logo to maintain design hygiene and legibility.

Logo Misuse: DON’Ts

Some of the examples of most likely misuses of identity are shown below. It’s imperative that the brand identity is consistent across all touchpoints at all times. To avoid these, always use the provided identity from here without any modification.
Do not keep a low contrast between the image and thecolor of the logo.
Do not stretch, squeeze, rotate or distort any part of the logo. Always scale uniformly.
Do not change the typeface within the wordmark.
Do not change the colors of the logo randomly
Do not alter the components of the logo
Do not add any effects to the logo.

Proper Application of Supporting Graphics: DOs

Always use supporting graphics in colours that have a high contrast with the background.
Always use supporting graphics along with the logo as they  are not stand alone brand indicators.
Adjust transparency, size and colour of the supporting graphics based on the nature of the application.

Supporting Graphics Misuse- DONT’s

Do not keep a low contrast between the image and graphic.
Do not stretch, squeeze or distort any part of the graphics. Always scale uniformly.
Do not change the colours of the graphics to anything that is not in the brand colour palette.

Text Usage: DOs

Always follow the right pairing of fonts and sizes, to be mindful of legibility
Use only light coloured backgrounds for applications that are text heavy

Text Usage: Dont’s

Do not write text over any supporting graphic elements
Do not interchange header fonts and body fonts
Do not overlap text with the exclusion zone of logos/monograms. Do not use darker backgrounds with text heavy applications.
Prioritize colour contrast of the text based on the importance it has on the application. Do not use too many text colours on the same application.