1

This is a guide to the basic elements that make up the NVTA and VINE brands.

03 NVTA Logo03 VINE Logo03 Colors03 Tagline03 Subbrands03

BRAND GUIDELINESNVTA & VINE

NA

PA

VA

LL

EY

TR

AS

PO

RTA

TIO

N A

UT

HO

RIT

Y6

25

Bu

rnell

Str

eet

Nap

a, C

A 9

45

59

| N

VTA

.CA

.GO

V

2

This is a guide to the basic elements that make up the NVTA and VINE brands.

03 NVTA Logo03 VINE Logo03 Colors03 Tagline03 Subbrands03

3

This is a guide to the basic elements that make up the NVTA and VINE brands.

NVTA Logo

VINE Logo

Typeface

Colors

Do’s & Don’ts

04

06

08

10

12

4

Words that describe our Brand

Scenic | Forward Thinking | Easy

Construction of the NVTA Logo

The x-height of the grey circle above represents the minimum clear space required around any application of the NVTA logo. No type or graphic element should intrude on this clear space.

Rules to live by

• The alignment and proportions of the logo should not be changed in any way

• Minimum logo size = 32px in width• Do not skew or deface the logo in any way• Do not use the logo as a part of a sentence

Logo Typeface (Font)

NAPA VALLEY TRANSPORTATION AUTHORITY is using the font Metric Bold.

Tagline

Think forward, moving together (Work in Progress)

NVTA LOGOANATOMY & RULES

5

32px

x

6

VINE LOGOANATOMY & RULES

Construction of the VINE Services Logo

The x-height of the grey circle above represents the minimum clear space required around any application of the VINE logo. No type or graphic element should intrude on this clear space.

Rules to live by

• The alignment and proportions of the logo should not be changed in any way

• Minimum logo size = 32px in width• Do not skew or deface the logo in any way• Do not use the logo as a part of a sentence• the logo can be used in the background as a light layer if

big enough or in a tranparency

“V” as an Icon

The V can be used as an icon with or without VINE written within the V. It can be scaled large to bleed off the page or used as a favicon. If it is that small the V can loose the “motion marks” at the bottom left and top right, which would be the only exception.

7

32px

8

5

8

OUR TYPEFACEPRINT

Gotham HTF Bold

The Gotham type family is our corporate font. It can be used for headlines and titles.

Gotham HTF Medium

This typeface works great for subtitles.

Calibri Regular

The Calibri type family complements the heavier Gotham typeface, and is applied to all body text.

9

AaABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz(./:;?!$&@*) 0123456789Gotham HTF Bold

AaABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz(./:;?!$&@*) 0123456789Gotham HTF Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Calibri Regular

10

Future Minded

The color scheme is inspired by the lush and sunny rolling hills, blue skies, and warm sunsets of Napa Valley.

Note: although we’re giving examples of the logos in black and white. Black should be avoided whenever possible. See color section for brand colors.

Brand ColorsApplication

11

Main Colors

Gradient Colors

Pantone012 C

CMYK2 12 100 0

RGB355 214 0

Pantone3272 C

Pantone419 U

CMYK100 3 50 0

CMYK62 54 58 30

RGB0 161 154

RGB89 89 84

HEX #595854

RAL7010

HEX #FFD600

HEX #00A19A

=+

Pantone152 C

CMYK5 67 100 0

RGB231 115 36

HEX #E77324

12

LOGO DO’S & DON’TS

Correct logo application together

Using both logos in one layout, requires them to be different sizes so they’re not competing. They should never have the same size, color, or transparency.

Usage

Bleed Logo off the page

Make logo transparent

Sit the colors on non complimentary colors

Rotate the logo

Add embellishments such as drop-shadows, embossins etc to the logo.

No

No

No

No

No

Yes

No

No

No

Max 35%

NVTA VINE

13