2023 Planning & Public Works Brand Guidelines

Page 1

Brand Guidelines

Adopted July 2023
Building a Strong Pierce County

We are one

Brand Overview 01 PPW Logo Options 02 Our Color Palette 03 Typography 04 PPW Brand Templates 05

Brand overview 01.

Overview

Just like the Pierce County infrastructure that PPW strives to build and maintain, our design should look and feel consciously constructed. This guide defines the building blocks with which we will compose all PPW visual material, keeping in mind how it will be experienced by our community.

The design standards outlined here were created with several overall goals in mind:

1. Create welcoming, modern material that champions our diverse community and provides an accessible experience for all.

2. Unite PPW divisions under one consistent set of design rules that, at the same time, allow space for division individuality.

3. Empower PPW staff to create their own design solutions by making our design tools and templates readily available.

4. Share our PPW story, values and commitment to excellence not only through our words and actions, but the experiences we design.

Although there may be occasions when a degree of flexibility is required, these design guidelines will help us best represent ourselves and serve our community in a wide variety of ways.

Key Design Principles

Human-centered

Uncomplicated

Intuitive

Our Voice

Helpful

Reliable

Optimistic

Empowering

Authentic

Our Community

Down-to-earth

Straightforward

Diverse

Growing

Good design is more than seen; it is experienced.
Consistent Creative
Doers

Planning & Public Works logos 02.

Download Logos

The Pierce County Planning and Public Works logo should be used on all outreach materials, business documents and logo clothing.

You can select any of the logo designs you prefer for best placement on materials.

You may use the Planning & Public Works logo in the following colors ONLY:

Multi-color Pierce County Blue Pierce County Blue + Black White Black Multi-color Pierce County Blue Pierce County Blue + Black White Black Multi-color PC Blue + Black Black Pierce County Blue White

Our color palette 03.

Pierce County blue varients

Yellow varients Orange varients Navy blue varients
Teal varients Green varients C: 98 M: 69 Y: 30 K: 12 R: 1 G: 82 B: 124 Hex: #01527c C: 98 M: 69 Y: 43 K: 31 R: 1 G: 67 B: 92 Hex: #01435c C: 92 M: 60 Y: 59 K: 53 R: 5 G: 55 B: 60 Hex: #05373c C: 58 M: 49 Y: 100 K: 37 R: 88 G: 85 B: 2 Hex: #585502 C: 23 M: 58 Y: 100 K: 8 R: 185 G: 116 B: 41 Hex: #b97429 C: 29 M: 83 Y: 97 K: 26 R: 146 G: 62 B: 34 Hex: #923e22 C: 92 M: 58 Y: 13 K: 1 R: 4 G: 104 B: 162 Hex: #0468a2 C: 98 M: 69 Y: 30 K: 12 R: 1 G: 82 B: 124 Hex: #01527c C: 92 M: 53 Y: 53 K: 32 R: 9 G: 81 B: 89 Hex: #095159 C: 55 M: 38 Y: 100 K: 19 R: 113 G: 117 B: 31 Hex: #71751f C: 15 M: 44 Y: 100 K: 1 R: 215 G: 149 B: 40 Hex: #d79528 C: 17 M: 78 Y: 99 K: 5 R: 199 G: 87 B: 41 Hex: #c75729 C: 77 M: 28 Y: 0 K: 0 R: 19 G: 149 B: 211 Hex: #1395d3 C: 96 M: 63 Y: 35 K: 15 R: 0 G: 86 B: 119 Hex: #005677 C: 72 M: 40 Y: 42 K: 9 R: 80 G: 123 B: 131 Hex: #507b83 C: 44 M: 29 Y: 100 K: 6 R: 1 G: 82 B: 124 Hex: #96962c C: 3 M: 42 Y: 100 K: 0 R: 241 G: 160 B: 31 Hex: #f1a01f C: 0 M: 74 Y: 99 K: 0 R: 242 G: 103 B: 35 Hex: #f26723 C: 69 M: 22 Y: 2 K: 0 R: 65 G: 161 B: 213 Hex: #41a1d5 C: 52 M: 22 Y: 21 K: 0 R: 127 G: 170 B: 186 Hex: #7faaba C: 49 M: 25 Y: 29 K: 0 R: 138 G: 167 B: 172 Hex: #8aa7ac C: 40 M: 18 Y: 100 K: 1 R: 165 G: 176 B: 56 Hex: #a5b038 C: 5 M: 29 Y: 100 K: 0 R: 241 G: 183 B: 28 Hex: #f1b71c C: 0 M: 62 Y: 97 K: 0 R: 245 G: 126 B: 37 Hex: #f57e25 C: 47 M: 10 Y: 3 K: 0 R: 128 G: 192 B: 226 Hex: #80c0e2 C: 24 M: 8 Y: 9 K: 0 R: 191 G: 213 B: 221 Hex: #bfd5dd C: 22 M: 10 Y: 13 K: 0 R: 197 G: 211 B: 213 Hex: #c5d3d5 C: 33 M: 8 Y: 96 K: 0 R: 183 G: 198 B: 59 Hex: #b7c63b C: 23 M: 3 Y: 2 K: 0 R: 192 G: 223 B: 240 Hex: #c0dff0

Typography 04.

Download Fonts

DIN Next LT*

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Seatlon

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

*DIN Next Slab also acceptable, but use sparingly

Lora Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

*use sparingly

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

*can also be used for headlines in bold or extra bold

1. Open Sans 2. Calibri
Headline Options Decorative Headline & Emphasis* Copy Options*
Main

PPW brand templates 05.

PPW offers a suite of branded templates for various uses. Templates are intended to promote brand consistency. The copy and other elements within the templates can be modified to fit your needs. Feel free to select the best template for your project. You can also check with your Public Information Specialist for a recommendation.

New documents should be created in the templates. Existing documents can be edited in their original format unless there is a requirement or desire to be moved to a template.

Door Hanger

4. Copy and paste the signature below into the “Edit signature” field of the “Signature and Stationery” window you just opened.

Tip for copying: Hover your cursor over the signature below, then click the small box with “+” symbol inside (appearing near the top left of the signature) to easily select the whole signature. With the cursor over that box, right click and select “Copy.”

fugia seroreium incim autem quid ma verum dolupti oditio odiorep reptatis mo temos ut ut earuptiorem expla experion rem in enia pa con cus et aut odit, nimin nem qui volliqu underiorro eicimi, nus aliamentis volo et, quos et qui dolore odis num sunt, velenda volum idendae corerrum custiam quat idus conet volupta spernam venitis aut dendam re, es quae mil eum corporesciis ut vellecum enisque dolorro repernatur se non. Authority Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios in rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist. Responsibilies Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios: In rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia

5. Input your personal information

dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquiplaoreet dolore magna aliquam

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquiplaoreet dolore magna aliquam

Pronouns: It is optional to add your pronouns. Pronouns are the words that an individual would like others to use when talking about them or to them. If you are comfortable, sharing your pronouns is a simple way you can help create a more inclusive work environment. Knowing and using someone else’s pronouns demonstrates respect for that individual

Exec. Briefing Summary

Fact Sheets

Fact sheet title

Section Header Bo. Itatia dus raesciist iundaec tureperis exped quidipi entinctia sum am ipiet unte rerite porest dem raest pelibus idi utat quibusae verero magnimil ius nobisit ant as vereped itatinient mi, isimus doluptatquia dolum aut aut recum quae auda alibeatquia con non restius ab inveratur? Is nist alit et fuga. Ut voloquodis as acculle nissundanis et omnieni minciati as dolorio vendebi squundite pligendis re, ea sintiscit, nossit exceaquis que nonsequam facc omnis destrumquam duscietus et vent ilit volupta as et, ad et alibusanimus saped maioritis maximag nimincit venia placea estotas solupta turiassunt. Ut quunt aborioris es vendiciate percipitatis etur sunt eicaborro tem seque denet quia eribusa ndebit quiaectus volupta nimus dis expe dolum quature, con nem quiaspit et qui omnihillam event dolore, occulpa eum eaquibus modicimaxime eum volestiam hitatur aut voluptaerio quis et et adi aut quas et occabor porectatem. Dandi tem amus dolupta sanis aboris idel eos dolore nobit labo. Ga. Lorem expelit quidem eario. Voluptaspel

pa con cus et aut odit, nimin nem qui volliqu underiorro eicimi, nus aliamentis volo et, quos et qui dolore odis num sunt, velenda volum idendae corerrum custiam quat idus conet volupta spernam venitis aut dendam re, es quae mil il eum corporesciis ut vellecum enisque dolorro repernatur se non es alibus a doll.

Background Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios in rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist Options for Consideration Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios In rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist, con rerspel et aute volora conestium et laborion nobistinvel intiure quam nvent harum quam est, velent laudam utemolo reicaerae eum rentibus eni ullam vendunt untendi temquia voluptia corporest aut quam ressinciet fugia seroreium incim autem quid ma verum dolupti oditio odiorep reptatis mo temos ut ut earuptiorem expla experion rem in enia pa con cus et aut odit, nimin nem qui volliqu underiorro eicimi, nus aliamentis volo et, quos et qui dolore odis num sunt Velenda volum idendae corerrum custiam quat idus conet volupta spernam venitis aut

SAVE FORM TO DESKTOP. Enter info in top left card. Use Avery 5371 Business Cards. Questions? Contact your Public Informtion Specialist Print Clear Form Fields NAME Title select location 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last@piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov NAME Title 9200 122nd St. E. Puyallup, WA 98373-5004 piercecountywa.gov/ppw first.last @piercecountywa.gov Charter 1 | Committee Charter Charter [Committee Name] [Month Day, Year] Objectives Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios in rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist, con rerspel et aute volora conestium et laborion nobistinvel intiure quam invent harum quam est, velent laudam utemolo reicaerae eum rentibus eni ullam vendunt untendi temquia voluptia corporest aut quam ressinciet
eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist, con rerspel et aute volor conestium et laborion nobistinvel intiure quam. Invent harum quam est, velent laudam utemolo reicaerae eum rentibus eni ullam vendunt untendi temquia voluptia corporest aut quam ressinciet fugia seroreium incim autem quid ma verum dolupti oditio odiorep reptatis mo temos ut ut earuptiorem expla experion rem in enia pa con cus et aut odit, nimin nem qui volliqu underiorro eicimi, nus aliamentis volo et, quos et
Business Cards
Name Title Planning & Public Works | Division (xxx) xxx-xxxx pronouns (optional)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
C W g / PW
P
C U Website June Update
idebis andentur? Nam etur? Quia nistet quodis a dolupta turitiae vidipie nimollu ptatem. Opta que nest, sedit, ut ut pel ipsum earuntibea et, quibuscienti qui andantia con peratur, ipiderferem el ium et, ut pa venime officium eligenimus endebitem si conseque.
Month DD, YYYY Planning and Public Works Division First and Last Name, Position Title First and Last Name Position Title Topic: Location of Event Executive Summary Everitam volecae ptusam sequam eum ipsandi ctatiisi volorer sperspe ritium ne di quidus. Nobis dolest, omnia de sapiendunt vene elest, eic tota suntiur maios in rem ad ea as et illore aspelia quatur, ea sediates dolorersped quia eossit ommolor sit la volut utatur, qui corum experch itiandiatem autem. Itat apid molestium laut ute rehenist, con rerspel et aute volora conestium et laborion nobistinvel intiure quam invent harum quam est, velent laudam utemolo reicaerae eum rentibus eni ullam vendunt untendi temquia voluptia corporest aut quam ressinciet fugia seroreium incim autem quid ma verum dolupti oditio odiorep reptatis mo temos ut ut earuptiorem expla experion rem in enia
Executive Briefing Summary

Memo

iusapernatur aut quassin et facea pa derum im aut officius non rem quatio. Neque libea niatis etusam nimporempor re vit es quam ea quam velit velibusaerum inum repe officat quiatio omni dolupta tatibus, ullaudae nihilla cone enesti impersped ulparum, odi di doluptat vel erorepero is di dolorest velent et vitis molori andi doluptios et quunditatur acium nis es evelignat et offic tore natquia nobitiam volum et et que ipsus delligentium as volupta tecullupta ne nis aut es aciliquo maiorpore quos volo et dolore sum comnis et eris anditibus rerias dolupta sum non porum imus re labo. Axim quidios consequ iderum dunt aut paruntet ulpa cum et pa qui omnimus aperitiusam litatecea dolesse ilicta vereiur?

Return Address Labels

Manual VOL. # Manual Title Subtitle First and last name Position Title Phone Number Website URL PowerPoint 8/4/2023 Letterheads Street, Room 2Jen Tetatzin, PE, PMP - Director PierceCountyWa.gov/PPW [Addressee Name Title] [Company] [Address 1] [City, ST Zip] Subject: [Subject] Dear [Addressee]: Month DD YYYY
Memo To: Recipient Sender Re: Subject Location: Location of Event Purpose: Short Description of Event Contact(s): Attendees: Attendees Itinerary Itinerary Background: Background Information Ro modia qui ut eum essimi, sum autest, ullacero doles re, cumqui utet, si odiatus rat exped ulluptat. Accullestrum ipsam videnitiatur a ime reptaes assequi utet volora venitam, simus, sum consequi officte rest audandus, sequist laturem voluptate ne voluptatur, cusamendit as et eostrup tassimusae delique re delissum que sita vellab ipsuntem quassi quibus. Ut eariatq uodignihit ea nus et idel iditionecus, is etur, volorepta dis est dollo magnam, senim fuga. Ut oditi bea vero voluptur sume net, omnimus. Volupit
Is restium simendebis de nate preprov itatius anistrum volupta ecatibus, voloratio minient vitatin comnis sequas maionseque pores quae exceremqui num nullacero blat vel ium ulla volupta quae pratur rero eos alita qui dolorro voluptaturit officatin prat volupta tustemo disquodit qui sumquam
2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 Division Name 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 Tacoma, Washington 98409-7322 Division Name 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 2702 South 42nd Street, Suite 109 Tacoma, Washington 98409-7322 Tacoma, Washington 98409-7322 Tacoma, Washington 98409-7322 Tacoma, Washington 98409-7322 Report PPW Report Template Report Subtitle Month DD, YYYY

Image Gallery

You may want images to use with your template. You can download images in Pierce County’s gallery. You may select any image that you prefer. If you need additional image options, please reach out to your Public Information Specialist.

Search Images

Need Assistance?

If you need assistance with PPW Templates, contact your Public Information Specialist (PIS).

Contact Your PIS

Special Requests

Contact Erin Babbo, Communications Manager, to discuss cases where you want to use the PPW department logo, request a logo file to send to a clothing supplier or if you’d like assistance creating a new template for your division.

Contact Erin Babbo

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.