7
STYLE GUIDE

FDC Style Guide 2014

Embed Size (px)

Citation preview

Page 1: FDC Style Guide 2014

STY

LE G

UID

E

Page 2: FDC Style Guide 2014

FDC Logo

The Fulfillment.com logo represents our company as a whole. Even though we have fulfillment facilities worldwide, we stand as one as the tagline so clearly states. The FDC logo consists of a primary logo, logo with tagline and a stacked version as well as a logomark. The next several pages explain the various ways the logo can be used and when, as well as color usage and what is considered misuse. The purpose of this is so that the logo stays consistent throughout all branding materials making it solid and recognizable. The minimum size the logo can be used at any given time is .5”.

Primary Horizontal Logo

The primary logo is to be used at all times. If you do not have su�cient horizontal space or want to utilize the tagline, use one of the options below.

Secondary Stacked Logo

Use in social media as a profile picture or anytime there is a square or vertical space that requires this style.

LogoMark

Use the logomark when you can not fully represent the primary logo or have limited space.

Primary Horizontal Logo w/Tagline

To be used in a formal manner or whenever you need to convey a comprehensive message about FDC and what our company does.

Fulfillment.com // Logo

FDC Red FDC Charcoal

Page 3: FDC Style Guide 2014

FDC Logo // Clear Space

To preserve the integrity of Fulfillment.com’s logo, always maintain a minimum clear space around the logo. This clear space isolates the logo from other graphic elements, photos, background images and copy. The minimum clear space for the primary logo and logo with tag is defined as the height of the “F” in the logotype. The minimum clear space for the stacked logo is twice the height of the “F”. This minimum space should be maintained as the logo is proportionally enlarged or reduced.

.25” W

.25” W

Fulfillment.com // Logo

Page 4: FDC Style Guide 2014

FDC Logo // Color Palette

These are the only acceptable color options and alternatives for the FDC logo. These color options allow for a variety of uses while staying consistent with our brand identity. Logo can be used with or without the tagline.

3 Color Printing on Coated StockPMS 485C

PMS 325-2CPMS 325-4C

1 Color PrintingPMS 485C

1 Color PrintingPMS 325-6C

1 Color PrintingPMS 325-2C

Reversed PMS 485C

ReversedPMS 325-4C

ReversedPMS 325-2C

3 Color Printing on FDC Lt GrayPMS 485C

PMS 325-2CPMS 325-4C

3 Color Printing on FDC CharcoalPMS 485C

PMS 325-2CWhite

Fulfillment.com // Logo

Page 5: FDC Style Guide 2014

FDC Logo // Misuses

Avoid changing orientation, color, typeface or any other essential element of the FDC logomark or logotype on o�cial communications and collateral throughout print and web.

Do not change orientation or scale.

Fulfillment.com // Logo

Do not rearrange the logo components. Do not add elements to the logo or alter the logomark.

Do not add strokes or use colors other than what is specified in the

approved color palette.

Do not apply any e�ects or filters. Do not add seasonal or event graphics to the logo.

Do not use the logomark with any other font.

Fulfillment.com

Do not alter the typography, color or positioning of the tagline.

Do not use FDC Red against any gray other than the approved ones

listed as it tends to vibrate.

worldwide fulfillment made easy

Page 6: FDC Style Guide 2014

FDC // Colors + Graphics

The Fulfillment.com logo and logomark should adhere to this color scheme throughout all brand materials including print and web. Secondary colors are to be used only for accenting the primary colors. Always be aware of using the FDC Red against any gray background that isn’t approved as it tends to vibrate.

When visual components are needed, the overall style is clean, sleek and modern with a lighthearted twist using vector graphics that have an animated feel. Below is a sampling of approved graphics. Please consult FDC’s Creative Director for final approval of all graphics and/or visual components before they are used.

Fulfillment.com // Colors + Graphics

FDC Primary Color Palette

FDC Secondary Color Palette

PMS/ 485CC/0 M/100 Y/100 K/4R/227 G/27 B/35# E31B23

PMS/ 325-2CC/0 M/0 Y/0 K/85R/77 G/77 B/79# 4D4D4F

PMS/ 325-4CC/0 M/0 Y/0 K/60R/128 G/130 B/133# 808285

FDC Red FDC Charcoal FDC Gray

PMS/ 158CC/2 M/66 Y/99 K/0R/238 G/118 B/36# EE7624

PMS/ 143CC/2 M/32 Y/91 K/0R/246 G/180 B/54# F6B436

PMS/ 325-6CC/0 M/0 Y/0 K/40R/167 G/169 B/172# A7A9AC

FDC Orange FDC Yellow FDC Med Gray

PMS/ 325-7CC/0 M/0 Y/0 K/25R/199 G/200 B/202# C7C8CA

FDC Light Gray

White on FDC Charcoal with 1 FDC Red Logomark

FDC Red, FDC Charcoal, FDC Gray

FDC Red, FDC Med Gray, FDC Light Gray

FDC Gray (40%) on FDC Charcoal

FDC Light Gray (80%) on FDC Med Gray

Background Patterns FDC Graphic Stripe

Page 7: FDC Style Guide 2014

FDC // Fonts + Typography

Using the FDC fonts as a standard will keep a cohesive look throughout all brand materials whether inhouse, external or through the web. When the primary font is not available, use the secondary.

Fulfillment.com // Typography

Primary Sans Serif Font

Primary Palette

Gotham (Whole Suite)

1234567890 !@£$%^&*()-=+ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Primary Serif Font

Kefa (Whole Suite)

Fulfillment.com

Fulfillment.com

Symbols + The Fulfillment.com Name

1. Always use the plus “+” symbol in place of an ampersand “&”.

2. The use of two forward slashes “//” and the pipe “|” are both acceptable symbols for separating information.

3. When typing out a phone number, use periods instead of hyphens or dashes.

4. FDC, Fulfillment.com (capital F), and fulfillmentdotcom are all acceptable names, abbreviations and hashtags.

5. You can use FDC Red, FDC Charcoal or FDC Gray as Header colors and FDCCharcoal, FDC Gray, Medium or Light Gray for copy.

6. For Editorial, use Gotham (or Montserrat) as a header with Gotham (or Montserrat) as the copy text. Also acceptable is the Gotham (or Montserrat) header with Kefa for copy. Recommended font sizes are 12pt or 14pt for headers and 8pt or 10pt for copy.

7. Email signatures should all be consistent. In any email client you can choosea “sans serif” font or “helvetica”. These are the only two acceptable fonts. No background patterns or unapproved quotes should be used. Worldwide Fulfillment Made Easy

1234567890 !@£$%^&*()-=+ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Secondary Font // If Gotham is not available * This is also the primary web font *

Montserrat (Reg, Bold)

1234567890 !@£$%^&*()-=+

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Secondary Palette // Headers, Captions or Quotes

Acceptable Editorial Fonts, Symbols, Verbage and Color Combinations

PMS/ 325-2CC/0 M/0 Y/0 K/85R/77 G/77 B/79# 4D4D4F

PMS/ 325-4CC/0 M/0 Y/0 K/60R/128 G/130 B/133# 808285

FDC Charcoal FDC Gray

PMS/ 325-6CC/0 M/0 Y/0 K/40R/167 G/169 B/172# A7A9AC

FDC Med Gray

PMS/ 485CC/0 M/100 Y/100 K/4R/227 G/27 B/35# E31B23

FDC Red

PMS/ 158CC/2 M/66 Y/99 K/0R/238 G/118 B/36# EE7624

FDC Orange