Issuu on Google+

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


DeliveryCrowd Branding & Style Guidelines