top of page
Our Brand Style.
How to apply the Coco & Bella Creative Design Co. brand style and visual identity.
Contemporary Creative & Graphic Design.
Good graphic design helps gain high visibility. Attractive visuals
equal effective communication. This all leads to increased engagement, enhanced credibility, and inspires loyalty.
People tend to remember more about what they see than what they read, so the way we present our brand visually – how it looks and feels - plays a critical role in how we are perceived, valued and remembered. It also sets a benchmark as to our skills and expertise - leading to the expectation and standard set by our clients.
However, good design is not only visual, it’s also about functionality and attention to detail. Therefore, it is vital that our brand identity is also applied consistently and effectively.
Design is subjective and not easily measureable, so we believe it is best when it is aesthetic, useful, thoughtful, innovative and long lasting. Our brand identity and style mirrors our design philosophy. Our clean, modern and contemporary style very much lends itself to ‘less is more.’
Our Visual Identifiers
Our Visual Identifiers.
The Coco & Bella Creative Design Co. visual identity has four main identifiers.
.png)
Our Brand Marks.
Our logo is central to our brand identity. It is a representation of our purpose, values, and is also a mark of quality. Our logo evokes positive and reassuring associations of trust, confidence, creativity, safety and dependability.
Logo variations
Our brand mark logo comes in five variants, including a reversed version, and for where printing restrictions apply, mono brand marks. The Coco & Bella Creative Design Co. brand mark must always be reproduced as it appears in these examples and from master artwork supplied. It must not be altered or distorted in any way.
Our logos should be applied appropriately on full colour backgrounds and imagery, with good contrast between the logo and background.
Primary Brandmark
Reversed Brandmark
Secondary Brandmark
.png)
White Mono Logotype
Dark Grey Mono Logotype
Our Brand Marks
Sizing and Clear Space.
It is important to leave a clear surrounding area (‘isolation zone’) to help maintain the visual impact of our logo. The recommended clearance area (x) is equal in all directions, including margins and gutters. The area of separation is a minimum and should be increased wherever possible.
Our logo should always appear top right on marketing and social media content. Document margin size is at the designer’s discretion and must be equal to, or exceed the minimum ‘Isolation Zone’.
When appiled to certain brand assets such as invoices, quotations and our website, our logo should appear left aligned. Document margin size is at the designer’s discretion and must be equal to, or exceed the minimum ‘Isolation Zone’.
Sizing and Clear Space.
-
Never change the font of the Coco & Bella Creative Design Co. logotype.
-
Never add subnames to the brandmark.
-
Never change the configuration of elements that make up our brand mark.
-
Never change the relative sizes of the elements of our brand mark.
-
Never allow the brand mark exclusion zone to be compromised.
-
Never distort or stretch any variant of of brand mark.
-
Never change the colour of the elements within our brand marks.
-
Our logo must always appear reversed out of solid background colours.
-
Never use old Coco & Bella Creative Design brand marks.
.png)
Our Colour.
Our colour palette evokes professionalism, trust, dependability, creativity, safety, nature and nurture. It helps convey a modern our contemporary brand style.
.png)
Our Colour
Teal.
CMYK
RGB
HEX
99%, 4%, 0%, 38%
2, 152, 158
#02989E
Light Teal.
CMYK
RGB
HEX
48%, 2%, 0%, 24%
102, 192, 195
#66C0C3
Dark Grey.
CMYK
RGB
HEX
0%, 0%, 0%, 75%
64, 64, 64
#404040
Duck Egg.
CMYK
RGB
HEX
20%, 0%, 0%, 11%
181, 225, 226
#B5E1E2
White.
CMYK
RGB
HEX
0%, 0%, 0%, 0%
255, 255, 255
#FFFFFF
Almost Black.
CMYK
RGB
HEX
46%, 6%, 0%, 80%
27, 47, 50 #1B2F32
Core Colours.
Our core colours should always be used dominantly, and can be applied to background, type, illustrations and iconography where appropriate, adding tonal variety.
Secondary Colours.
These colours should be used as accent colours to highlight or complement the core colours, and to achieve good contrast.
Colour Accessibility.
Colour blindness is a visual impairment that affects around
1 in 12 men, and 1 in 200 women. It does not necessarily equate to
seeing in black and white but often to a varying perception of a
wide range of different colours and combinations. As a result,
individuals affected can have a reduced ability to distinguish
between certain colours.
When applying colour from our brand palette, we must consider
that colour blind people may not be able to interpret meaning with
colour so adding other visual indicators to graphics, tables or
charts (e.g. including both an icon and a text label) would be
encouraged to make it more accessible.
The accompaning table indicates our colour combinations as both text and background against the Web Content Accessibility Guidelines (WCAG). To pass these guidelines and be able to use together, the combination must achieve an AA Passscore
or above and these have been symbolised as a ‘tick’ or a ‘cross.’
Imagery
Imagery.
Images used for social media, on our website and throughout our poster range should be contemporary and modern. Visual examples of our work should be used heavily, where appropriate and relevant. Application of heavy crops and abstract imagery is encouraged, with a splash of people reflecting an ethnically diverse society and a range of age groups. Images need to be high quality, and in a resolution high enough for their purpose. To make our visuals more interesting and engaging, we may often use image cut outs, transparencies, monochromatic or duo-tone colours, gradient treatments and background textures for depth, or a combination of them.
Our Typefaces.
Brands use specific typefaces and fonts to project their personalities onto written communications.
A well selected or designed typeface can be effective for that message in boosting brand recognition, reinforcing tonality and readibility. It can also help make your branding, communications, promotions and marketing campaigns memorable.
The Poppins typeface family should be used on all Coco & Bella Creative Design Co. brand assets. The Poppins font family is available through Google. The Bold, Semi-Bold, Regular and Light weights should be used in all applications except email, in which Aptos should be applied.
The italic version of the above typefaces should only be used to denote the title or name of an object or subject.
League Spartan and Playlist Script may also be applied for social media posts, and our poster products available through our website and Etsy Stores.
Our Typefaces
Poppins Bold.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Headings, titles, sub headings and highlights.
Poppins Regular.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Body text.
Poppins Semi Bold.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Sub headings and highlights.
Poppins Light.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Boilerplate footers, appendix text.
Application: for headings, subtitles and hightlights
Typesetting.
The Coco & Bella Creative Design Co. brand incorporates certain principles used in every day graphic design. It is important to follow a balanced typographic hierarchy with guidelines for defining body copy and headline sizes when the brand is applied. A good rule of thumb is to keep a clear mathematical relationship between all text sizes. For example, a 1x line height space between a category and header, and a 2x line height between header and body copy.
For optimal readability, a general typography recommendation is to restrict 55–75 characters per line of text. Keep headlines short and to the point rather than stretching them across an entire page. Body copy should usually be left aligned, and not justified, unless part of a graphic or table.
HEADER
Contemporary Creative & Graphic Design.
x1
SUBTITLE
It's a thing of beauty to have a design team that can relate to your challenges firsthand. With professional backgrounds in marketing and education, we're highly skilled at creating effective graphic design solutions for organisations.
x2
BODY TEXT
Our broad range of graphic design services cover most print and online design tasks. From branded assets and websites to marketing collateral to promote events, products and services, we work in collaboration with our clients throughout to ensure that they are completely satisfied with our creative designs. Explore our design portfolio to see how we help organisations like yours to elevate their brand and engage their audience.
HIGHLIGHT
OR CTA
x2
.png)
.png)
