OUR DESIGN PHILOSOPHY.
Good graphic design helps gain high visibility. Attractive visuals equal effective communication. This all leads to increased engagement, enhanced credibility and customer 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 standard expected 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.
Our brand identity and style mirrors our design philosophy. Our clean, modern and contemporary style very much lends itself to ‘less is more.’
Our brand is far more than a logo or a colour palette— it’s the promise we make to our clients and the experience they can expect from us every time we work together.
Our Brand Style
Our Brand Vision.
Effective graphic design should not only be visually impressive but also strike a strong emotional chord with the audience to allow for effective communication. Therefore, our brand style and visual identity is clear, effective, visually engaging, and memorable to others. It aims to be professional, friendly and approachable, all whilst demonstrating our design style, philosophy and talent.
Our Brand Style
Our Brand Values.
Our brand embodies and reflects our own values. We aim to consistently deliver high quality outcomes and value to our clients. We are focussed on understanding their needs and do everything in our power to help them succeed, delivering a friendly, professional and responsive service in the process. We also respect others and value their views and contributions.
OUR VISUAL IDENTIFIERS.
The Coco & Bella Creative Design Co. visual identity has four main identifiers.
Brand Marks.
A primary identifier, our circle symbol coupled with precise wordtype portrays a mark of quality and creativity whilst being friendly.
Imagery.
Imagery is reflective of our design philoshophy, brand vision, and values, relying heavily on showcasing examples of our design work.
Colour.
Our colour palette is defined by our core colours of teal, black and white and complemented by tonal and accent colours.
.png)
Typefaces.
Our brand typefaces offer maximum readability, whilst being modern, clean and geometric in style and appearance.
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
.png)
White Mono Logotype
Reversed Brandmark
Dark Grey Mono Logotype
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)
Teal.
CMYK
RGB
HEX
99%, 4%, 0%, 38%
2, 152, 158
#02989E
Coco Black.
CMYK
RGB
HEX
0%, 4%, 2%, 82%
45, 43, 44
#2D2B2C
Coco White.
CMYK
RGB
HEX
0%, 0%, 0%, 0%
255, 255, 255
#FFFFFF
Core Colours.
Our core colours should always be used dominantly, with only Coco White or Coco Black used as a background or for type (except for social media). All can be used in illustrations and iconography where appropriate, adding tonal variety.
Light Teal.
CMYK
RGB
HEX
48%, 2%, 0%, 24%
102, 192, 195
#66C0C3
Duck Egg.
CMYK
RGB
HEX
20%, 0%, 0%, 11%
181, 225, 226
#B5E1E2
Dark Grey.
CMYK
RGB
HEX
0%, 0%, 0%, 75%
64, 64, 64 #404040
Secondary Colours.
These colours should only be used as accent colours to highlight or complement the core colours in charts, graphs or infographics.
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 accompanying 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.
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.
TEXTURES.
Our three main brand textures can be used as an effective background to enhance the visual experience of a creative, or to make a page more effective and engaging. These are specifically used for covers on branded brochures and presentations, and on social media posts. For each, the visual should be placed over a backdrop of the accompanying block colour (i.e. teal texture over our teal colour) and then set at 80% opacity.
_edited.jpg)
Teal.
Coco Black.
_edited.jpg)
Coco White.
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.
Poppins Regular.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Headings (CAPS), titles and body text.
Poppins Light.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Larger highlight or introductory text.
Poppins Bold.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Sub headings, boilerplate footers, appendix text.
Madelyn
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoQqPpRrSsTtUuVvWwXxYyZz
0123456789?!@£$%&()+
Application: Styling.
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 & BRANDING.
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)
Applying Our Brand
Brand Assets.
Branded stationery, such as briefing documents, quotations, invoices, questionnaires and email signatures should all use dark grey banners as a header with our primary teal logo placed to the left, except on email signatures where the logo is on the right. White should be used heavily to deliver impact, balance and contrast.
Applying Our Brand
Graphic Style.
Shapes are used to aid layout, highlight content, add colour or act as image containers. Using a grid establishes clear rules for the consistent, but flexible, positioning of elements. Grids should always be used to draw and create iconography, illustrations, flow charts and infographics. Colour application should confirm to our wider brand guidelines.
.png)
Applying Our Brand
Marketing.
Our teal and dark grey are the two predominant colours and should feature promiantly, complemented by a heavy use of white for balance. Accent colours from our palette should be used for tonal variance. Visuals should be impactful, and be predomantly examples of our work. The overall style should be clean and minimalistic, with use of gradients.
Applying Our Brand
Social Media.
Our logo should appear top right, with the
suitable isolation area around it in all directions. Headline text should be Poppins Bold 60pt and body text should be Poppins Regular or Poppins Medium 42pt. Imagery and graphics should all confirm to our brand style, and be impactful. Back covers are dark grey, with boilerplate text and call to action.