TUD Brand Guideline

TUD

TUOLUMNE UTILITIES DISTRICT

LOGO & DESIGN Brand Guideline Prepared for Tuolumne Utilities District

Brand Guidelines for Tuolumne Utilities District

Table of Contents About this Brand 3 The Logo LO G O A N D IT S U S A G E

5

C O N S T R U CT I O N & C L E A R S PA C E

6

C O LO R VA R I AT I O N S & S I Z E S

7

C O R R E CT & I N C O R R E CT U S E

8

U S I N G T H E A RT W O R K

9

A LT E R N AT I V E LO G O

10

The Color LO G O C O LO R PA L E T T E

12

S E C O N DA RY C O LO R PA L E T T E

13

Typography T H E C O R P O R AT E F O NT S

14

T H E T Y P O G R A P HY & H I E R A R C HY

20

Our Brand T H E C O R P O R AT E S TAT I O N E RY

22

M E R C H A N D I S E 2 6

Digital Media P R I NT G R I D S Y S T E M S

28

W E B & M O B I L E D E S I G N

29

E-M A I L S I G N AT U R E

31

P L A C E T E X T O N P H OTO

32

Additional

2

I M A G E M O O D B OA R D

34

D E S I G N M O O D B OA R D

35

C O R P O R AT E I C O N S

36

T H E C H E C K L I S T

37

Brand Guidelines for Tuolumne Utilities District

About this brand This identity guideline is a tool designed to project the image, values, and aspirations behind the brand.

It is the cornerstone of all communication efforts and must be followed carefully to ensure a consistent style and quality of presentation. Every participating institution is responsible for representing or coordinating the use of the brand along with the individual institution’s brand.

Tuolumne Utilities District Est. 1992

3

Brand Guidelines for Tuolumne Utilities District

TUD

TUOLUMNE UTILITIES DISTRICT

A LEADING CALIFORNIA UTILITIES AGENCY PROVIDING SAFE, SECURE AND HIGH QUALITY WATER. ENCOURAGING RESPONSIBLE WATER RESOURCES CONSERVATION. HAVING AND PROVIDING THE EFFECTIVE COLLECTION,

TREATMENT AND DISPOSAL OF WASTEWATER RESPONSIBLE WATER RESOURCES CONSERVATION.

4

Brand Guidelines for Tuolumne Utilities District

Logo & usage The Tuolumne Utilities District logo combines three elements: The logotype and the graphical element. These elements should never be changed. Position, size, and color, along with the spatial and proportional relationships of the District logo elements, are predetermined and should not be altered.

Used consistently, they will reinforce public awareness of the District. The District logo is presented through the use of colors as well as shape and typography.

01 The Logo symbol 01

TUD 02 The Logo word mark

02

TUOLUMNE UTILITIES DISTRICT

T H E 2 VE R S I O NS O F THE LO GO

TUD

TUD

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE UTILITIES DISTRICT

Standard Logo 01

Standard Logo 02

This is the logo of choice, to be used whenever possible. For all print and digital marketing.

A secondary version of the logo for all versions which need the elements to be horizontal.

5

Brand Guidelines for Tuolumne Utilities District

Construction & clearspace The Tuolumne Utilities District logo requires separation from the other elements around it. The space required on all sides is roughly equivalent to the height of the graphical element. It never should be less than that. The logo must always fit into the

TUD

clearspace area and can not be intervened by other graphical elements which could hinder legibility of the brand. These exclusion area is shown below for the two versions of the logo.

TUOLUMNE UTILITIES DISTRICT

TUD TUOLUMNE UTILITIES DISTRICT

Important Please note that text or pictorial figures which have strong impact or impression should not be placed near the logos even though you keep the isolation area blank.

6

Brand Guidelines for Tuolumne Utilities District

Color variations & sizes Sometimes, often due to production costs, only one color of ink is available and so the Logo must be reproduced using only one color.

In this scenario, the logo must be used following the convention of using a light color type on a dark background or in a dark color

type on a light background. The logotype and the symbol must be clearly distinguishable from the background color. You must use the District’s logo palette when possible, using black or white if necessary.

Logo color variations TUOLUMNE UTILITIES DISTRICT TUD

TUOLUMNE UTILITIES DISTRICT

Logo on CMYK 75/25/17/0

TUOLUMNE UTILITIES DISTRICT TUD

TUD

Logo on CMYK 80/69/54/46

Logo on CMYK 12/4/25/0

Black, white and gray scale TUOLUMNE UTILITIES DISTRICT TUD

Background 100% black - logo 100% white

TUD

TUOLUMNE UTILITIES DISTRICT

Background 100% white - logo 70% black

TUD

TUOLUMNE UTILITIES DISTRICT

Background 20% black - logo 100% black

M I N I M U M S I Z ES O F THE LO G O TUD TUD

TUOLUMNE UTILITIES DISTRICT

52 mm for first logo version

TUOLUMNE UTILITIES DISTRICT

TUD

50 mm for second logo version

15 mm for the symbol

TUD

7.5 mm for the icon

Important There are no predetermined sizes for the logo. Scale and proportion should be determined by the available space, function and visibility. In print the minimum size is 52 / 46 mm width, for the symbol it is 15 mm and for the icon 7.5 mm.

7

Brand Guidelines for Tuolumne Utilities District

Correct & incorrect use

Do’s

01. Solid backgrounds always welcomed.

02. Frame the logo with enough space around it.

01

02

TUOLUMNE UTILITIES DISTRICT

TUD

TUD

TUOLUMNE UTILITIES DISTRICT

Don’ts

01. Never rotate the logo 02. Please don’t add a dropshadow 03. Don’t use non-approved colors 01

04. Never change the proportions of the logo 05. Don’t use outlines. Wether for the text or the symbol / icon 06. Don’t rearrange the elements in any way 02

TUD

TUOLUMNE

UTILITIES DIST RICT

04

03

TUD

TUOLUMNE UTILITIES DISTRICT

05

06

TUOLUMNE UTILITIES DISTRICT TUD

TUD

TUD

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE TUD

UTILITIES DISTRICT

Please note The logo cannot be changed! Although creativity is appreciated please do not alter the logo in anyway! Please avoid adding text, elements or non-approved colors. These list is exhaustive and contains only examples.

8

Brand Guidelines for Tuolumne Utilities District

Using the artwork This page explains the file naming system for the artwork of the various versions of the logotype. The filename contains all key information to identify the appropriate logo version for each application. The logotype is supplied in EPS, AI, JPG and PNG file

formats. For printed documents use always the EPS or PDF files.

PNG files should only be used for the web applications or if you are using Microsoft Word or Powerpoint. Please make sure that the correct artwork for each application is used.

tud_ logo_firstchoice_CMYK.eps Logotype version - first choice - second choice

Colorspace - CMYK - RGB - gray scale - black

File format - EPS - PDF - PNG - JPG - AI

A VA I L A B L E LO G O TY PE FI LES EPS files

PNG files

tud_logo_firstchoice_CMYK.eps tud_logo_secondchoice_CMYK.eps tud_logo_firstchoice_grayscale.eps tud_logo_secondchoice_grayscale.eps tud_logo_firstchoice_black.eps tud_logo_secondchoice_black.eps

tud_logo_firstchoice_RGB.png tud_logo_secondchoice_RGB.png tud_logo_firstchoice_grayscale.png tud_logo_secondchoice_grayscale.png tud_logo_firstchoice_black..png tud_logo_secondchoice_black.png

9

Brand Guidelines for Tuolumne Utilities District

A lt er nat i ve l ogo In lieu of the Tuolumne Utilities District logo, a badge can be used on print material. The badge is circular and can be placed behind or in line with the text. Elements that make up the badge: the District’s name, logo symbol, slogan and established date.

Color variations: you must use the District’s logo palette when possible, using black or white if necessary. The badge is a circular shape and cannot be altered in any way.

01 The Logo symbol

01

02 The Logo word mark 02

03 Established date

03

Please note The logo cannot be changed! Although creativity is appreciated please do not alter the logo in anyway! Please avoid adding text, elements or non-approved colors. See page 11 for sample application of the alternate logo.

10

Brand Guidelines for Tuolumne Utilities District

Using the artwork Winterize Your Home and Property!

Don’t let winter weather catch you unprepared.

Frigid temperatures can cause one of winter’s worst woes – frozen water pipes.

Get your home ready for winter now!

INSULATE EXPOSED PIPES, FAUCETS AND PIPES PRONE TO FREEZING: Outside faucets, pipes and pipes in unheated garages and crawl spaces are most vulnerable to freezing weather. To prevent pipes from freezing, wrap them with insulating material. Cover them with plastic and secure with tape, string, or wire. Also, remember to disconnect garden hoses. Convenient and inexpensive foam and fiberglass insulation are available at hardware stores. Electric heat tapes are also available to prevent pipe freezing of exposed pipes.

LOCATE YOUR MAIN SHUT-OFF VALVE: Don't wait for an emergency.

Find your main water shut-off valve now! If a pipe breaks, you can stop excessive water loss and flooding by turning off your main water shut-off valve. It is commonly located next to the meter, in the garage, or outdoors by the foundation. Test the valves by turning the handle to be sure it is working properly and identify it with a tag. If a main shut-off valve does not exist, it is worth having one installed now by your plumber.

WINTERIZE YOUR VACANT HOUSE: If you leave your house for several days, take the following steps to protect pipes from freezing: 1. Turn off the main shut-off valve. (Remember to turn off electricity or gas to water heater.)

2. Shut off and drain your water system. Open indoor and outdoor faucets to drain pipes.

3. Flush toilet once to drain the tank but not the bowl.

4. Leave cabinet doors open so room heat can reach the pipes.

5. Leave your heat on at a minimum temperature of 45 degrees or warmer to help keep pipes from freezing in interior walls.

6. Do not leave water running.

KEEP A SUPPLY OF EXTRA WATER:

SHOULD A PIPE FREEZE?

Store some extra water during freezing weather in case a main break or frozen pipe cuts off your water supply.

Never thaw with an open flame. Open the faucet first.

Start by warming the pipe as close to the faucet working toward the coldest section of the pipe. Apply heat slowly with a light bulb or a hair dryer set on low. Keep the heat moving in that general area, but never concentrate heat on one spot. If that doesn’t work, call a plumber.

If you suspect an emergency or a main water line is broken, immediately contact TUD’s 24-hour Customer Service at (209) 532-5536 so it can be repaired as soon as possible. Signs of a broken TUD water main include water running down the road and buckled pavement.

Visit the TUD website at www.tudwater.com for more tips on how to protect your home in the winter.

po

ns

ibl

an eM

n e r . R el ia b

le ,

Re

sp

on

R r , a n d E n v ir o n m en

i ce s w i t h De d

u

st

om

er

S er

vice

, i n a F i na n c i

le ib

C

est. 1992

ns

ted

Ma

TUD

i ca

nne

TUOLUMNE UTILITIES DISTRICT

e rv yS

all y

Re

sp

o

Tuolumne Utilities District |18885 Nugget Blvd, Sonora, CA 95370 | Phone: (209) 532-5536 | www.tudwater.com

i li t

ta

Ut

ll y

e

During freezing weather, the District handles a large number of calls. If you call for assistance during a freeze, please be prepared to wait until a service representative is available to assist you. Thank you!

s

iv

es

11

Brand Guidelines for Tuolumne Utilities District

Logo color palette Use of color for the printed & digital logo.

The following palette has been selected for use in Tuolumne Utilities District communications. Lighter tints of these colors are also allowed, but the Logotype + background may only be used with a 100% tint. The primary colors include a dark cyan blue,

that embodies the creativity and dynamic of the agency. The additional colors are gray and white to underline the seriousness of the District. A comprehensive color palette has been developed to provide flexibility while creating a unified, recognizable appearance across all communications.

01

02

OCEAN

B LU E PO WER

100 %

80 %

60 %

40 %

20 %

60 %

40 %

Color codes

Color codes CMYK 96 / 86 / 22 / 8 RGB 44 / 64 / 125 HEX #2b407c Pantone 7687 C

These colors are complementary to our official colors, but are not recognizable identifiers for the District. Use the colors BLUE POWER, OCEAN, GRAPHITE, SUMMER OCEAN and ELEGANT GREY sparingly.

12

80 %

CMYK 69 / 0 / 16 / 0 RGB 26 / 191 / 213 HEX #19bfd5 Pantone 311 C

Important

www.pantone.com

100 %

20 %

Brand Guidelines for Tuolumne Utilities District

Secondary color palette The palette allows the addition of secondary colors to enrich the Tuolumne Utilities District visual identity as a whole. Lighter tints of these colors are also allowed.

These colors are complementary. Use the blue colors sparingly.

Color codes

GRA PHI TE

CMYK 80 / 69 / 54 / 46 RGB 48 / 56 / 67 HEX #2f3743 Pantone 7546 C

Color codes CMYK 12 / 4 / 4 / 0 RGB 221 / 231 / 236 HEX #dce7ec Pantone 649 C

S U MM ER O CEA N

ELEGAN T GR EY

Color codes CMYK 52 / 0 / 22 / 0 RGB 115 / 203 / 105 HEX #72cbcc Pantone 325 C

Use of colors CMYK - use primarily to produce print applications with images Example - brochure, flyer, poster etc.

RGB/HEX - RGB is used for all screen based applications Example - websites, apps

Pantone - use for print with only a few colors and no images Example - business card, envelope etc.

13

Brand Guidelines for Tuolumne Utilities District

The corporate fonts P R I MA R Y F O NT FU TU RA

Futura ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Medium

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Regular

14

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

Brand Guidelines for Tuolumne Utilities District

S E C ON D A R Y FO NT RO B O TO

Roboto ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Medium

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Regular

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

15

Brand Guidelines for Tuolumne Utilities District

Alternative corporate fonts P R I MA R Y ALTERNA TI V E FO NT P OP P IN S

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git labor-

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Regular

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Italic

16

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il

Brand Guidelines for Tuolumne Utilities District

S E C ON D A R Y A LTERNA TI V E FO N T P T S ER IF

PT Serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold italic

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Italic

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

17

Brand Guidelines for Tuolumne Utilities District

Safe corporate fonts P R I MA R Y S A FE FO NT CENTU RY GOTH IC

Century Gothic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Regular

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Italic

18

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

Brand Guidelines for Tuolumne Utilities District

S E C ON D A R Y SA FE FO NT A RI A L

Arial ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Bold

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Regular

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore dolore, conet lam que voluptasite voluptia.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Italic

Dus, consequi repe omnis quas etus, odia dolutem. Em il Git laborro il molore

19

Brand Guidelines for Tuolumne Utilities District

The typography & hierarchy Size is the simplest way to create contrast between different typographic elements in your design. With 6 levels of typography, the font size generally starts out largest

Main heading

on top (level one; your most important information) and decreases in size as you move down the page. Layout, for both print and screen, is one of the most important

aspects of graphic design. You achieve this through use of typefaces weight, size, capitol and lowercase, letters and color.

Header Futura bold, font size 80 pt and 0 pt leading

HEADLINE Futura PT bold uppercase, font size 44 pt and 0 pt leading

Headline

Futura PT bold uppercase, font size 26 pt and 0 pt leading Headlines 1 & 2

Subline

Poppins regular normal, font size 24 pt and 0 pt leading

SU B LIN E

Poppins regular, font size 14 pt and 50 pt leading

Subline

Poppins bold italic , font size 11 pt and 0 pt leading Sublines 1 - 3

20

Brand Guidelines for Tuolumne Utilities District

TUD

Use Example Main Header Engineering Department Name CENTER - SIGNAL TYPE FOUNDRY

More Text formats

Character styles

Ex et la nat que es modi ad expliquate pro molendus nobit quos dolorep erunto ma non corporu mquati dolum re eum.

Body copy PT serif bold italic 8 pt

E X E T L A N AT Q U E E S M O D I A D E X P L I Q U AT E P R O M O L E N D U S N O B I T Q U O S D O L O R E P E R U N T O. Regular uppercase, leading 100 pt

Ex et la nat que es modi ad expliquate pro molendus nobit quos dolorep erunto ma non.

Ex et la nat que es modi ad expliquate pro molendus nobit quos dolorep erunto ma non corporu mquati dolum re eum.

21

Brand Guidelines for Tuolumne Utilities District

The corporate stationery Stationery is one of the most widespread forms of contact for business and corporate communications. Clean and simple, we designed our stationery to align with our visual system.

The letterhead features the logo in the top left corner with the business contact information below. Optional: add department name below the logo text.

LE T T E R H E A D 01 Logo word mark #000

TUOLUMNE UTILITIES DISTRICT

01 TUD

Engineering Department

40 mm March 31, 2018

To: Whom It May Concern 123 Washington Street Sonora, CA 95370 Re: Request Invitation to Bid Hazardous Tree Removal

60 mm

RFP Award Notification ABC Tree Company Lorem ipsum dolor sit amet, illud intellegebat eu nec, ex duo erant viris. Eam ea persius eligendi, quem quas erant mei te. Alia perpetua voluptaria te eam, usu mutat discere ea, ea mollis ullamcorper mea. Omnes denique temporibus at eos, labores corpora iudicabit ius et. Usu corpora appellantur an, ne mei dicam putant expetenda.

Bonorum apeirian vix ne. Qui ne illum commodo concludaturque, vis choro dicunt et. Usu ea meliore tincidunt voluptaria. Est dicta adversarium ut.

Labores admodum at quo. His at libris scripta voluptua, eu virtute legendos cum, qui ne elit oportere petentium. Has nusquam omnesque ne, meliore eloquentiam id eam. Novum dolores consequat vix in, no per euismod nusquam. Cum eu audire delectus, eum nisl oporteat quaerendum in. Eam omnes libris cu, perpetua elaboraret in per. Corpora accommodare conclusionemque has ex.

Nec eu odio brute. Duo ad iisque adolescens elaboraret, te vero dicat quo. Cibo essent praesent eu ius. No tale intellegam has, per no saperet mandamus consectetuer, indoctum sapientem iudicabit sit no. No commodo aliquip theophrastus sea, vix te modus dicant altera.

Iusto accusata dissentiunt has ne, sea oratio diceret electram cu. Eos et solum putent constituto, modus mundi consequat no nam, no sea dico erat perfecto. Eu vix soleat antiopam iracundia, rebum cotidieque has eu. Nullam accumsan sed in. Ne diceret impedit mel, eu vix possim molestiae. Eum expetenda qualisque et, nec vide scaevola omittantur in, ius ne brute quaestio.

Makayla Dillon Management Analyst (209) 532-5536 ext. 512 mdillon@tudwater.com

TUD 02 Contact info text #000

02

210 mm 20 mm

Parameter Dimensions: Letter 8.5 x 11 in Weight: 100lb.

22

297 mm

Tuolumne Utilities District |18885 Nugget Blvd., Sonora, CA 95370 | Phone: (209) 532-5536 | www.tudwater.com

Paper: Offset white Print: HKS or Pantone

20 mm

Brand Guidelines for Tuolumne Utilities District

E N VE L O PE 01 Logo work mark #000 02 Contact info text #000

01

02

TUOLUMNE UTILITIES DISTRICT TUD

Engineering Department

18885 Nugget Blvd. Sonora, CA 95370 Phone: (209) 532-5536 www.tudwater.com

Parameter Dimensions: C5 DIN lang with window Weight: 100 lb.

Paper: Offset white / 100lb.

Print: HKS or Pantone

23

Brand Guidelines for Tuolumne Utilities District

B U S I N E S S CA RDS

Lisa Westbrook Customer/Public Relations Coordinator 209.532.5536 ext. 501 209.770.8902 mobile 209.536.6485 fax

TUD 01 Logo word mark #000

01

18885 Nugget Blvd.

Sonora, CA 95370

TUOLUMNE UTILITIES DISTRICT

lisaw@tudwater.com

TUD

TUOLUMNE UTITLITIES DISTRICT reliable• dedicated• dependable

www.tudwater.com

Parameter Dimensions: 3.75 x 2.25 in Weight: 120 lb.

24

Paper: Offset white Print: HKS or Pantone

Special effects: Square corners Optional: partial UV varnish

02 Contact info text #000 02

Brand Guidelines for Tuolumne Utilities District

P R E S E N T A TI O N FO LDER

TUOLUMNE UTILITIES DISTRICT TUD

PRESENTATION SUBHEADING

18885 Nugget Blvd., Sonora, CA 95370 | Phone: (209) 532-5536 | www.tudwater.com

Presented on January 1, 2020

Parameter Dimensions: 340 x 480 mm Weight: 200 lb.

Paper: Chromo board Print: HKS or Pantone

25

Brand Guidelines for Tuolumne Utilities District

Mer c h an di s e When used on T-shirts, mugs etc. any of the approved logos can be used. The symbol may also be used separately from the lettering.

For the background use always graphite, blue power, summer ocean or elegant gray. Other colors are not allowed.

T-SHIRTS

TUD TUOLUMNE UTILITIES DISTRICT

Parameter T-shirt design on graphite, blue power, white and summer ocean.

26

Please use the shown logo colors.

Brand Guidelines for Tuolumne Utilities District

O F F I CE S UPPLI ES

TUD

TUD

TUD

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE UTILITIES DISTRICT TUD TUD

TUOLUMNE UTILITIES DISTRICT

TUOLUMNE UTILITIES DISTRICT TUD

TUD

Parameter For other office supplies, always use the same color or colors in the palette.

OT H E R M E R C H : Mugs or coffee to go cups Basecaps

Tote or paper bags Pencil or ball pen USB Sticks

27

Brand Guidelines for Tuolumne Utilities District

P r i n t g r i d sys t em s Use on DIN A4 and letter format. The grid is used as a guide for how to place text, photos and advertisements on the page. The font size that you use should be proportionate to the grid. Using a font that is too large will cause odd hyphenation and breaks, which

can be difficult to read and using a typeface that is too small can cause strain on a reader trying to get from the start of a line to the end. The 12 column grid is always the basic. For special prints, a 6 column grid is also allowed.

Use 2, 3, 4, 6, 8, 10 or 12 columns for the layout

28

Brand Guidelines for Tuolumne Utilities District

Web g r i d s ys t em s Use on different devices: Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here are some

examples. The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops).

Please follow the rules, to have a consistent visual appearance.

The layout is based on a 12 columns bootstrap grid system.

29

Brand Guidelines for Tuolumne Utilities District

Res p o n si ve desi gn M OB I L E & TA B LET V I EW

30

Brand Guidelines for Tuolumne Utilities District

E -m a i l s i g n at ur e A consistent appearance in all e-mail correspondence from the District is an easy way to show the dependability of our brand.

01 The Logo symbol 115px x 115px

E-mail signature includes: Name, job title, address, phone number with extension, website, logo, e-mail and social media (Facebook).

Lisa Westbrook 01

TUD

Customer and Public Relations Coordinator Tuolumne Utilities District p: 209-532-5536 ext. 501 a: 18885 Nugget Blvd | Sonora, CA 95370 w: tudwater.com e: lwestbrook@tudwater.com

Follow us on Facebook

02 Border width: 2.25pt padding: 0in 5.25pt 0in 0in;

Lisa Westbrook 02

TUD

Customer and Public Relations Coordinator Tuolumne Utilities District p: 209-532-5536 ext. 501 a: 18885 Nugget Blvd | Sonora, CA 95370 w: tudwater.com e: lwestbrook@tudwater.com

Follow us on Facebook

Parameter Name: Ocean, 13pt Contact Info: Black or Graphite, 10pt

Border Color: Ocean Links: Powder Blue or Elegant Gray

Web Safe Fonts: Arial or SF Display - Apple Bold, Regular, Underline

31

Brand Guidelines for Tuolumne Utilities District

P l a ci ng t ex t o n ph o t os Place text on images according to the examples on these pages. It is important to place the text on solid color parts of the background. It is not allowed to use text on complex backgrounds,

Use Example Main Header Engineering Department Name CENTER - SIGNAL TYPE FOUNDRY

32

because it will reduce the readability. Colors for the text are white, blue power, ocean, graphite, black and elegant gray. Other colors are not allowed. Use the background color like the logo examples.

Brand Guidelines for Tuolumne Utilities District

PRESENTATION SUBHEADING

Presented on January 1, 2020

33

Brand Guidelines for Tuolumne Utilities District

Im a g e M o odboar d

34

Brand Guidelines for Tuolumne Utilities District

D es i g n M oodboar d C O L OR C OM B I NA TI O NS Blue power

Graphite 50%

Graphite

Ocean

Blue Power

Elegant gray

Summer Ocean

Elegant gray

GRAY SCALE

50% OCEAN

Ocean

I MA G E PE OPLE

I MA G E T R EA TM ENTS

CMYK

35

Brand Guidelines for Tuolumne Utilities District

Icon og r a p hy The icons are pictograms displayed on the screen or print layout in order to help to navigate through the content. The icon itself is a comprehensible symbol of a software tool, function, or a data file, accessible on the system and is more like a traffic sign than a detailed illustration of the actual entity it represents. The icons are

used with the square or circle background or without any background in print and web. They are available in three different color combinations. Web icon sets used: icoFont and Fontawesome.

Icon sizes The minimum size for all corporate icons is 16px by 16px. Usable for print and web.

Only 100% colors are allowed.

Icons without a background

Icons with a solid background

36

100%

125%

150%

200%

Brand Guidelines for Tuolumne Utilities District

T h e c h e c kl i s t Best to have a checklist. Then you know you’ve done everything perfectly!

0 1 T HE LO G O

Only use approved versions of the logo. Please check that you have respected the minimum size and exclusion zone requirements. The logo should not appear on color backgrounds without being reversed out.

0 2 CO LO R

Please make sure that only your approved primary and secondary colors are used.

0 3 T Y PO GRA PHY

Use the font Futura, Poppins or Century Gothic for all top headings. For body text and smaller headings use font Roboto or Arial. Fonts are also available for web or desktop.

0 4 I M A G ERY

Use desaturated photos with vintage color, gray scale photos or photos with color overlay. Please follow the rules.

0 5 PRI NT M A TERI A LS

Please use the provided grids and approved layouts for all printed products and the stationery.

To provide feedback, share information or seek answers to questions you may have about this brand, please contact: TUOLUMNE UTILITIES DISTRICT

NHU DESIGN

LISA WESTBROOK Customer and Public Relations Coordinator 18885 Nugget Blvd.

Sonora, CA 95370

NHU BERGSTROM Web Designer & Developer, UI/UX Designer PO Box 2651 Arnold, CA 95223

Phone E-Mail

Phone E-Mail

209 532 5536 ext. 501 lwestbrook@tudwater.com

209 822 1082 nhu@nhudesign.com

37

TUD

TUOLUMNE UTILITIES DISTRICT

C ON T A CT Lisa Westbrook | Customer & Public Relations Coordinator p 209 532 5536 ext. 501

e lwestbrook@tudwater.com