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 Logo Concept Note:
The Flourishing Link
Representing a linkage of love, growth, and transformation, this logo encapsulates both the persons and the phases of motherhood. It symbolizes the journey of matrescence—where each twist and turn is nurtured by love and care, comfortably. This design honors the complexity and beauty of the significant stages of their life, celebrating the powerful metamorphosis that leads to and enriches the state of being a mother.
The celebration of motherhood becomes complete only when a women who starts her matrescence phase circle back to her women hood.
This logo represents the essence of love, holistic support and care, individuality, and connection symbolically.
The celebration of motherhood becomes complete only when a women who starts her matrescence phase circle back to her women hood.
This logo represents the essence of love, holistic support and care, individuality, and connection symbolically.
Primary Logotype
Coloured logos
Black and White logos
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. New Spirit
Richmond Display is a stylised serif typeface that is both nostalgic and entirely enigmatic. It’s characterised by angled legs, rounded edges offering a sense of stability, abundance and harmony with nature. It resonates with comfort and familiarity making it a versatile, legible and aesthetic typeface for the brand.
2. Omnes
Omnes is a non-geometric, sans-serif, grotesque typeface that appears to be soft, crisp and modern. While it is rounded in appearance, Omnes incorporates subtle humanist touches, such as slightly crisp terminals and nuanced strokes. It gives a sense of warmth and soft personality making it an ideal brand body font.
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
Paragraph Text Styles
P1/ 30PX / 1.8 EM
P2/ 24PX / 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 colour palette consists of two colours. Maximum Purple and Pale Lavender, are two of the brand’s iconic primary colours factoring 50% in terms of application.
Maximum Purple
HEX: #773A89
RGB: 119, 58, 137
HEX: #773A89
RGB: 119, 58, 137
HEX: #511A62 | RGB: 81, 26, 98
HEX: #9C5CAE | RGB: 156, 92, 174
Pale Lavender
HEX: #EAD6FF
RGB: 234, 214, 255
HEX: #EAD6FF
RGB: 234, 214, 255
HEX: #F6EEFF | RGB: 246, 238, 255
Secondary Colors
The secondary palette consists of four foundational colours representing dark and light that accommodates and goes along with the primary colours
Peach Yellow
HEX: #F9DEAFRGB: 249, 222, 175
HEX: #F9DEAFRGB: 249, 222, 175
Floral White
HEX: #FFFAF3
RGB: 255, 250, 243
HEX: #FFFAF3
RGB: 255, 250, 243
Ghost White
HEX: #F9F9F9
RGB: 249, 249, 249
HEX: #F9F9F9
RGB: 249, 249, 249
Black Olive
HEX: #3C3C3C
RGB: 60, 60, 60
HEX: #3C3C3C
RGB: 60, 60, 60
Primary Gradient
The primary gradient consists of a flow of two colours that makes it softer and warmer. It can be used as a background for various applications
Secondary Gradient
The secondary gradient consists of softer monochromes. It can be used as a background for various applications
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 breathe, it should be surrounded with clear space to ensure its visibility and impact.
1.5x the size of the “m” in Mumfy logo should be respected as the minimum distance from all sides of the logo to any other objects or margins in the composition.
1/4th the size of the monogram or the Mumfy icon should be respected as the minimum distance from all sides of the logo to any other objects or margins in the composition.
1.5x the size of the “m” in Mumfy logo should be respected as the minimum distance from all sides of the logo to any other objects or margins in the composition.
1/4th the size of the monogram or the Mumfy icon should be respected as the minimum distance from all sides of the logo to any other objects or margins in the composition.
Proper Application of Logo: DOs
Always use the Mumfy light logo on dark Imagery/ darker parts of the Imagery to maintain thecontrast level
Always use the 4 Ounces Dark logo on light imagery/ lighter parts of the Imagery to maintain the contrast 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/mark.
Do not stretch, squeeze, rotate or distort any part of the logo/mark.Always scale uniformly.
Do not change the typeface within the logo.
Do not change the colors of the logo/mark randomly
Do not add any effects to the logo.
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: DON’Ts
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.
Do not interchange header fonts and body fonts