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