Branding & Style Guidelines: a guide to the proper use of Delivery Crowd’s branding system
Table of Contents 03 Introduction 04 About the Identity System 07 DeliveryCrowd Color Scheme 09 DeliveryCrowd Logo 11 Logo Treatment 13 Additional Logos 15 DeliveryCrowd Colors
01
Introduction In any competitive market, it is key to create a strong branding system for quick identification by consumers, competitors and partnering companies. This guide can be used to assist a user to correctly use DeliveryCrowd’s logos, colors and fonts to aide in creating a strong sense of unity among it’s branches of business. In this guide, you will find examples of logos and their proper use, official colors and typefaces used to create DeliveryCrowd’s distinct identity.
Any use of the DeliveryCrowd logo,wordmark or combination symbol in violation of the guidelines included here are not within trademark guidelines and therefore illegial.
03
About the Identity System In a busy and ever growing economy, start up companies need to emerge boldly into the marketplace with a clear sense of self and memorable identity. DeliveryCrowd’s iconic logo and wordmark do just that. Designed with the idea of being used seperately or successfully together, the versatility of DeliveryCrowd’s seperate marks make using this system incredibly easy.
Each part of all three members of the identity system were thoroughly thought about before and during creation, holding a sense of meaning that translates what DeliveryCrowd is at it’s core. The visual cues to movement, the colors giving a tie-in to security, reliability and the food industry.
04
Iconic Logo
Wordmark
Combination Logo
05
Print Guidelines These standards include all forms of print media which includes but is not limited to: business cards, letters, brochures, advertisements, etc. Examples of the logo, wordmark, and combination logo are shown. Any of the logos can be used to identify the company on print publications and media.
03
DeliveryCrowd Color Scheme DeliveryCrowd has a very specific color scheme that should be used as often as possible with official materials. The various marks should not be used in any colors than those listed to the right, except when reprodouced in greyscale if neccesary.z
04
#F9CA70
#EE802D
#DE6E2D
C02 M21 Y66
C03 M61 Y95
C09 M69 Y97 K01
R249 G202 B112
R238 G128 B45
R222 G110 B45
PMS
PMS
PMS
05
DeliveryCrowd Logo The DeliveryCrowd logo has three official variations: 1. Iconic Logo, 2. Wordmark, 3. Combination Logo. Any other combination is in violation of trademark.
Sizing Requirements For maximum readibility and legibility even at a smaller size, minimum logo sizes for each variation can be found to the left. You are more than welcome to use the marks at any greater size depending upon file quality. Please keep the given proportions and clarity when reusing any of these marks. Any mark used at a smaller size than recommened or disproportioned is in violation of trademark.
06
1.5”
1.75”
1.75”
1. Iconic Logo
2. Wordmark
3. Combination Logo
Min. Width: 1.5”
Min. Width:1.75”
Min. Width: 1.75”
07
Spacing Requirements Any content used in addition to any of these marks should be placed no closer than 25% of the height above or below each mark and no closer than 25% of the width to the left or right. This empty space around the mark is called “clear space� and is used to keep a maximum level of readibility and clarity. Any mark used at a smaller size than recommened or disproportioned is in violation of trademark.
08
1. Iconic Logo
2. Wordmark
3. Combination Logo
09
Typefaces One of two typefaces used, mostly for headers and display type, is Arvo, which is available for free download via Google Web Fonts. Arvo is a slab serif font.
Arvo Regular The quick brown fox jumps over the lazy dog.
Arvo Regular The quick brown fox jumps over the lazy dog.
10
The second typeface used is font family Futura, mostly for copy. Futura is a sans serif font.
Futura Light
Futura Medium
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Futura Light Oblique
Futura Medium Oblique
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Futura Book
Futura Bold
Futura Book Oblique
Futura Bold Oblique
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
11
Electronic Use Guidelines These standards include all forms of electronic media which includes but is not limited to: websites, e-mail graphics and electronic newsletters, and mobile phone applications. Examples of the logo, wordmark, and combination logo are shown. Any of the logos can be used to identify the company on electronic publications and media.
13
DeliveryCrowd Logo The DeliveryCrowd logo has three official variations: 1. Iconic Logo, 2. Wordmark, 3. Combination Logo. Any other combination is in violation of trademark.
Sizing Requirements For maximum readibility and legibility even at a smaller size, minimum logo sizes for each variation can be found to the left. You are more than welcome to use the marks at any greater size depending upon file quality. Please keep the given proportions and clarity when reusing any of these marks. The height of “deliverycrowd� should be readable and larger than other type or text in the area. The wordmark is a graphical element, do not try to recreate the mark with text.
14
72px
144px
96px
1. Iconic Logo
2. Wordmark
3. Combination Logo
Min. Width: 72px
Min. Width: 144px
Min. Width: 96px
15
Spacing Requirements Any content used in addition to any of these marks should be placed no closer than 25% of the width above or below each mark and no closer than 25% of the width to the left or right. This empty space around the mark is called “clear space� and is used to keep a maximum level of readibility and clarity. The clear space for the word mark is equal to the x-height of the characters.
A Favicon, AKA a shortcut icon, or website icon is a file containing a small icon associated with a particular website. The file size is typically 16px x 16px. At such a small size the dots surrounding the logo are no longer comprehendable, thus it is acceptable to omit the dots in such a circumstance.
Favicon shown actual size
CORRECT USAGE
16
INCORRECT USAGE
72px
144px
96px
1. Iconic Logo
2. Wordmark
3. Combination Logo
17
Typography The fonts chosen for this website are pulled to the page via @FontFace, a CSS command that pulls the typeface from an offsite server to any computer online. Because not every computer has every typeface, there are back up fonts added in the CSS command such as Helvetica, Helvetica Neue and Arial. These should only be used as a last resort. To access specific weights & styles, or variations, of this font in your CSS, use the properties font-family, font-weight, and font-style, use the values found on the next page
18
Arvo Regular
The quick brown fox jumps over the lazy dog.
font-family { “arvo”; } font-weight { 400; } font-style { normal; }
Arvo Bold
The quick brown fox jumps over the lazy dog. font-family { “arvo”; } font-weight { 700; } font-style { normal; }
Futura Light
The quick brown fox jumps over the lazy dog.
font-family { “futura-pt”; } font-weight { 400; } font-style { normal; }
Futura Medium
The quick brown fox jumps over the lazy dog.
font-family { “futura-pt”; } font-weight { 500; } font-style { normal; }
Futura Bold
The quick brown fox jumps over the lazy dog. font-family { “futura-pt”; } font-weight { 700; } font-style { normal; }
19
Color Guide The examples are a range of tones found in the color of the logo and illustrations for DeliveryCrowd. Use these colors to complement text, illustrations and links. These guidelines help the end-user navigate and identify what is on screen.
Use the hexidecimal code (#) when creating property values in HTML and CSS.
20
#FFFEEB
#F9CA70
#EE802D
#DE6E2D
21