1

Florida Gateway CollegeBrand Guide

Table of Contents

Brand Management .............................. 3ABOUT THIS GUIDE .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

LOGO LOCKUPS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

FILE TYPES .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

CLEARSPACE AND SIZE .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

HORIZONTAL LOGO DO’S AND DON’TS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

LOGO SEAL DO’S AND DON’TS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

COLOR PALETTE USAGE .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

TYPOGRAPHY STANDARDS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

BACKGROUND COLOR DO’S AND DON’TS .. . . . . . 16

PHOTOGRAPHY INTEGRATION .. . . . . . . . . . . . . . . . . . . . . . . . 17

Website Management ........................ 18Template Management ...................... 19

COLLATERAL DESIGN .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Brand Management

ABOUT THIS GUIDE

A brand style guide is the primary

visual DNA of the college branding. It is

a document that describes, defines and

presents examples of what your brand

should look like in various visual media

such as print and digital.

Referencing this brand style guide

ensures that content distinguishes a brand from its competitors, and is

cohesive. This cohesion is important

because it helps establish a strong brand voice that resonates with the

audience, which is essential for building

brand awareness. Over time, that

awareness and consistency builds trust.

“Your brand is what other people say about you when

you’re not in the room.”—Jeff Bezoz, CEO & Founder of Amazon

5

LOGO LOCKUPS

Logo lockups are formed by the

combination of the icon and wordmark.

The Florida Gateway College has two

logo options:

• Horizontal Logo

• Logo Seal

WHEN TO USE EACH VERSION

Horizontal Logo

Whenever possible, use the

horizontal logo on all materials and

on an acceptable color background or

photograph.

Logo Seal

The logo seal may only be used on

official documents such as transcripts,

major reports and research covers,

diplomas, contracts, formal invitations

and signage.

HORIZONTAL LOGO

ICON WORDMARK

LOGO SEAL

6

LOGO ON BLACK

LOGO ON WHITE

LOGO ON YELLOW

7

SEAL ON BLACK

SEAL ON WHITE

SEAL ON YELLOW

8

FILE TYPES

The logo package consists of various

file formats and color options. Please

refer to the items below when to use

each one:

FILE EXTENSION

JPG: This file type will have a white background supplied with the logo. JPGs may be used in print and on the web.

PNG: This file type should be only be used digitally. It will have a transparent background supplied with the logo and is good to use when you need to place the logo on top of a background.

EPS: This file type is a vector file. It can be used in vector programs such as Illustrator or Photoshop. EPSs should only be used by someone using these programs. It can also be passed to some printing services to ensure the right resolution of the logo.

PDF: Similar to an EPS, a PDF may be passed to a printer or company that needs a vector version of the logo.

COLOR SPACE & IMAGE RESOLUTION

Image resolution has everything to do with printing the logo. When you’re printing an image, you want it to be 300 ppi to ensure that the image will be clear and not blurry once printed.

High Resolution

Logos in this folder are color options that have been saved at 300 ppi and set in CMYK suitable for printing.

Low Resolution

Logos in this folder are color options that have saved at 72 ppi and set in RGB suitable for onscreen uses.

If the logo is being printed, select a JPG from the “Print” folder.

If the logo is going on the web, select a PNG or JPG from the “Web” folder and “Low Resolution” folder.

COLOR OPTIONS

Refer to the previous slide for the different color options of the logo and seal.

Full Color

The full color version of the seal and logo should be used when they are going to be presented on a white or light colored background.

One Color

The one color version of the seal and logo should only be used when the background does not present the full color logo legibly. A white logo should only be used on a dark colored background or photograph. The black or green logo should only be used on a light colored background.

9

MINIMUM SIZE

1.25 INCHES0.75 INCHES

CLEARSPACE AND SIZE

To ensure legibility and integrity of

the brand’s identity, please reference

the following guidelines:

CLEARSPACE

The clearspace is the space

surrounding the logo. Leaving

appropriate space around the logo

and seal protects the integrity of the

brand.

SIZE

When the logo or seal is to be

resized, always resize proportionally.

To ensure legibility, the seal should

never be smaller than a width of

0.75 inches and the logo should

never be smaller than a width of

1.25 inches.

CLEARSPACE

10

HORIZONTAL LOGO DO’S AND DON’TS

In order to avoid alterations of the

horizontal logo, this guide shows

some examples of appropriate and

inappropriate uses.

11

LOGO SEAL DO’S AND DON’TS

In order to avoid alterations of

the logo seal, this guide shows

some examples of appropriate and

inappropriate uses.

12

COLOR PALETTE USAGE

Outside of the primary logo, color

is what distinguishes the Florida

Gateway College brand. Below are

the color values for web (hex, RGB)

and print (CMYK). FGC GREENPANTONE 357 C#1D5632RGB 53/86/67CMYK 85/40/91/39

FGC YELLOWPANTONE 7408 C#F4B70BRGB 244/183/11CMYK 4/29/100/0

PRIMARY

FGC LIGHT GREENPANTONE 7732 C#00783ERGB 0/120/62CMYK 89/28/99/16

FGC DARK GREENPANTONE 350 C#113F1FRGB 17/63/31CMYK 85/46/94/56

FGC GOLDPANTONE 130 C#F7A800RGB 247/168/0CMYK 2/38/100/0

SECONDARY

REDPANTONE 7620 C#B30000RGB 179/0/0CMYK 20/100/100/13

NAVYPANTONE 547 C#193A4BRGB 25/58/75CMYK 91/68/49/43

BODY COPY GRAYPANTONE 412 C#323232RGB 51/51/51CMYK 69/63/62/58

TERTIARY

13

ROBOTO SLAB

LATO BOLD

LATO REGULAR

Headline Title OneHeadline Title TwoHeadline Title Three

Headline Title Four

Body Copy

This is an example of body copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo in gubernando nihil, in ocio plurimum interest, quo in genere peccetur. Haec para/doca illi, nos admirabilia dicamus. Negat enim summo bono aerre incrementum diem. Quid ei reliquisti, nisi te, quoquo modo loqueretur, intellegere, quid diceret?

Ut proverbia non nulla veriora sint quam vestra dogmata. Immo videri fortasse. Eam tum adesse, cum dolor omnis absit; Ex rebus enim timiditas, non ex vocabulis nascitur.

TYPOGRAPHY STANDARDS

Typography also helps center FGC’s brand identity and should be used consistently across

campus. To ensure that all of visual communications are consistent, FGC uses a select

group of preferred typefaces for digital and print materials which may be downloaded

using the links provided and installed onto your machine.

FGC DARK GREEN

FGC DARK GREEN

BODY COPY GRAY

FGC GOLD

BODY COPY GRAY

14

TYPOGRAPHY STYLES

No Matter Where You Are, This is Whereit Begins.

HEADLINESWhen to use:

9 On a dark colored background

9 On a gradient background

9 For short-phrased headlines

9 With the font Roboto Slab

9 Always use title case (This is Title Case)

When not to use:

8 On a light or yellow colored background

8 For long-phrased headlines that are more than a sentence long

8 For body copy

When to use:

9 On a light colored background

9 For short-phrased headlines

9 With the font Roboto Slab

9 Always use title case (This is Title Case)

When not to use:

8 On a gradient background

8 For long-phrased headlines that are more than a sentence long

8 For body copy

Taking You FromWhere You Are, To Where YouWant to Be.

15

HEADLINES

This is an Example of a Headline

Headline Title Three

Headline Title Four

This is what body copy would look like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc. Donec ac tellus dictum, pharetra nibh ullamcorper, mattis ligula.

PARAGRAPHS

Quisque Pellentesque Faucibus MetusThis is what body copy would look like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc. Donec ac tellus dictum, pharetra nibh ullamcorper, mattis ligula.

Quisque Pellentesque Faucibus MetusThis is what body copy would look like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc. Donec ac tellus dictum, pharetra nibh ullamcorper, mattis ligula.

Quisque Pellentesque Faucibus MetusThis is what body copy would look like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc. Donec ac tellus dictum, pharetra nibh.

LISTS

This is an unordered list

• Cras mattis eros vitae neque blandit gravida. Maecenas ac massa scelerisque, ultricies arcu sit amet, tincidunt diam.

• Nullam auctor lectus ut odio consequat, nec imperdiet nisl pretium. Pellentesque vitae est tristique, sollicitudin nisi eget, viverra enim.

• Etiam faucibus quam ac faucibus rutrum.

• Aenean sed diam fringilla, eleifend nulla non, iaculis est.

This is an ordered list

1. Fusce ultrices magna et dolor tincidunt, non posuere dolor varius.

2. Nullam auctor lectus ut odio consequat, nec imperdiet nisl pretium. Pellentesque vitae est tristique, sollicitudin nisi eget, viverra enim.

3. Fusce ultrices magna et dolor tincidunt, non posuere dolor varius.

16

BACKGROUND COLOR DO’S AND DON’TS

Please reference the do’s and don’ts below for colored backgrounds

and typography.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt augue eu, vestibulum porttitor nunc.

Sed Leo Libero, Sollicitudin is Vestibulum Nec Convallis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum nunc, tincidunt sed augue eu, vestibulum porttitor nunc.

If using a yellow background, be sure to use it sparingly. It is best to have this style only be a few sentences long. For body copy, always use the FGC Dark Green, or the Body Copy Gray.

When using any green background, be sure to use it sparingly. It is best to have this style only be a few sentences long. Always set body copy in white on this background color.

Do not use yellow text as body copy anytime.

Do not use yellow or green text as body copy on a gradient background.

When using a dark green background, you may use a yellow or white headline with the body copy.

When using a gradient background, be sure to use white and bolded text as body copy.

Never use a yellow background with white body copy.

Never use similar colors as body copy and background color.

17

PHOTOGRAPHY INTEGRATION

Photography may be integrated into visual communication pieces in many

styles. Refer to this guide for the different photography options and when to

use them. Adhere to the typography standards and background do’s and don’ts

when using typography with any style of photo.

This photography style uses the

brand colors in a gradient.

When to use

This photography style may be used

in all visual communication materials.

This photography style is a photo

that has been darkened.

When to use

This photography style may be used

in all visual communication materials

when white or light colored typography is being placed on top of the image.

This photography style has been

faded at the top.

When to use

Refer to an in context example on

the Collateral Design page. This

photography style may be used in all

visual communication materials.

GRADIENT OVERLAY DARKENED PHOTO FADED PHOTO

Website Management

Template Management

20

COLLATERAL DESIGN

Florida Gateway College collateral is developed within

departments and organizations. Each publication must

represent a consistent quality and style that reflects the

character of the institution.

Font usage, color palette, and artwork style must be

within the parameters of this Florida Gateway College

Brand Guide.

As part of the brand standards for FGC, carefully crafted

templates of the following have been developed:

• 4x6 and 5x8 Postcard

• 8.5x11 Flyer

• 11x17 Poster

• 4x4 and 4x6 Table Tent

• Tri-fold Brochure

• Four-Fold Brochure

• Word Letterhead

• Powerpoint Template

For further instructions, refer to the

Print Collateral Asset document.

21