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.
Brand Resources
One stop shop to download logos, photos, fonts, and more.
Need anything that's not here?
Write to hello@become.team
Downloads
One stop shop to download logos, photos,
fonts, and more.
Brand Concept Note:
Logos
Light Background
Dark Background
Transparent Background
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.
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.
Fonts
Let developers and designers download source files in no time.
Londrina Solid
Google FontsArea Normal
ZIPGuidelines
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
HEX: #F6F4EFRGB: 246, 244, 239
Chestnut
HEX: #93502D
RGB: 147, 80, 45
Pantone : 7516 C
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: #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: #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: #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: #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.
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.