Brand Guidelines
Before using our open source logo, we ask that you follow
a few simple guidelines to keep it looking its best.
Primary Logo
Secondary Logos
Horizontal Logos
Icon Marks
Bakery Marks
Additional Marks / Icons
Primary Logo
Secondary Logos
Horizontal Logos
This Barkfield Road logo should be used when when horizontal proportions are needed only. Unless absolutely necessary, use logo from previous page. Use when only a singular color is allowed.
Icon Marks
Barkfield Road initial icon is to be used only in minimal areas. (ie. sizes in which normal logos become illegible).
Bakery Marks
Additional Marks / Icons
Brand Do's & Don'ts
Barkfield Road initial icon is to be used only in minimal areas. ( ie sizes in which normal logos become illegible ). Here are some examples of how to use and not use the Barkfield Road logo. It is important that the appearance of the logo remains consistent. The logo should not be misinterpreted , modified, or added to. No attempt should be made to alter the logo in any way. Its orientation, color, and composition should remain as indicated in the document – there are no exceptions.
- Do not use unapproved or alternative color options for single color logo marks.
- Do not use unapproved or alternative color options for single color logo marks.
- Do not use unapproved or alternative color options for single color logo marks.
- Don’t use old versions of the logo or symbol
- Do not rotate, distort, or alter the proportions of the logo
- Do not misuse logos meant for light backgrounds and dark backgrounds.
- Do not add a stroke to the logo
- Do not change any elements respective to each other
- Do not add a drop shadow to the logo
- Do not use full color logos on inappropriate background colors. Instead, use the appropriate single-color variant.
Brand Colors
Please use the green and pink version of our logo when possible with the colour values given below. They are our favorites! Our symbol can be used as a thumbnail / favicon only and as a full logo.
Barkfield Green
- HEX #007167
- PANTONE 328 C
- RBG 0 113 103
- CMYK 100 31 64 17
Barkfield Red
- HEX #C76C61
- PANTONE 7607 C
- RBG 199 108 97
- CMYK 19 67 60 3
Barkfield Beige
- HEX #F2DAB2
- PANTONE 7506 C
- RBG 242 218 178
- CMYK 5 13 32 0
Barkfield Tan
- HEX #C09473
- PANTONE 4655 C
- RBG 192 148 115
- CMYK 25 42 58 2
H1
BROTHER 1816 Printed - Black
H2
BROTHER 1816 Printed - Black
H3
BROTHER 1816 Printer - Black
H4
BROTHER 1816 Printer - Black
H5
Brother 1816 Printer - Bold
H6
Brother 1816 Printer - Bold
p
Zilla Slab - Regular
Fonts in Action
Below is an example of how typography should be used to create a proper visual hierarchy in website format.
H1
RECIPES
H4
NEW DOG TREATS
p
Try out this new recipe for your dogs birthday celebration, training graduation, or just an every day snack. Made with only the best ingredients for your very best fried to enjoy.
Buttons
This is how buttons should look on light and dark backgrounds.
Alternate Button Style
Use this alternative button style when multiple buttons are present next to each other.
Brand in Action
Service mockups.
