Design Guidelines 2021-A City of Hood River Design Guidelines - 2021-A Section 1

CITY OF

est. 1895

DESIGN GUIDELINES 2021-A CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 1

GRAPHIC STANDARDS However, the standards call for materials to demonstrate a family resemblance so it is The visual identity of City of Hood River clear they are from the same organization. is created through the consistent use This will help the audience to associate all of graphic elements, including logo, branded materials with the City of Hood typography, and color palette. By preserving River. a professional and recognizable look for the The guidelines that follow apply to the City of Hood River, we are protecting and logo, typeface, graphics, and color usage promoting the City of Hood River name and associated with City of Hood River. They reinforcing the quality of City of Hood River represent a standards system identity while as an institution to all audiences. still allowing for graphic variations among The existence of these guidelines does not various City materials. mean that materials must look exactly alike.

OFFICIAL LOGO The colors have been similarly in use for decades but fit with international standards The City of Hood River logo serves as a as shown in Section 3 and are easily graphical representation of the geographic implemented. location of Hood River. The logo has been in use for decades but was recently updated to a more usable form than the previous CITY OF circular seal. It is important that the logo be displayed in a consistent manner to present the City in a est. 1895 professional way.

OFFICIAL SEAL

The City of Hood River seal is applicable to certain official uses and on internal documents. The most prominent official use is on the front of the City Council dais in City hall. CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 1

LOGO USAGE

It is preferred that the two tone blue logo LOGO COLORS be used where possible. The logo should Pantone 2925 always appear with clear space around C 79 / M 32 / Y 0 / K 0 it—and the diagram shows a minimum R 0 / G 144 / B 216 Hex Value (web): #008fd7 encroachment zone (X). Please try to follow

this when placing the logo amongst other Pantone 539 graphics or partner logos. C 100 / M 77 / Y 45 / K 42 R 0 / G 49 / B 76 Minimum encroachment zone. The is Hex Value (web): #00314c equal to the height of the letter “C” in CITY. The will change proportionally as the mark increases and decreases in size.

COLOR USAGE

CITY OF Color It is preferred that CITY OF the color logo be used whenever est. 1895 possible. est. 1895

Black or Greyscale LOGO REPOSITORY Logo should CITY OF appear in 100% City of Hood River logos are available in digital black. est. 1895 form at cityofhoodriver.gov/media-assets. Reversed When logo appears on dark background it is appropriate to feature the logo as shown. CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 1

INCORRECT LOGO USAGE

The logo should not be altered in any way, such as stretching, editing the graphic elements, changing the colors, or attaching other words or graphics. The graphics on this page are examples of incorrect usage and alterations of the City of Hood River logo.

DO NOT stretch logo DO NOT compress logo

DO NOT mix logo colors DO NOT change the logo color logo.

1/2”

DO NOT delete parts of logo DO NOT scale below 1/2” height CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 2

PRIMARY CITY OF HOOD RIVER FONT

Arial typeface is a design based on the influence of nineteenth-century See the sample sans-serifs, but made more regular and even to be more suited to page at the end continuous body text and to form a cohesive family of fonts. The bundling of this section for of Arial with Windows and Mac OS X has contributed to it being one of the most widely distributed and used typefaces in the world. suggested uses of the primary and Arial Regular and Italic should be used for the body copy of City of secondary fonts. Hood River communications. Arial Bold/Italic should be used for headlines, sub-heads and for emphasis in body copy.

PRIMARY FONT ARIAL ARIAL

Arial is included with Bold Microsoft Office and is ABCDEFGHIJKLM one of only 5 fonts that is NOPQRSTUVWXYZ compatible with all PC/Mac and iOS versions dating abcdefghijklm back to 2007. nopqrstuvwxyz Regular ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Numbers TYPE EXAMPLES ARIAL 01234567890 Special !“§$%&/()=?`;: Characters ¡“¶¢[]|{}≠ ¿‘ « ∑ €®†Ω ¨⁄øπ •±‘ æœ@∆ ºª©ƒ∂ ‚å¥≈ ç √ ~µ∞ …–≤ <>≥ ˘›‹◊ CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 2

SECONDARY CITY OF HOOD RIVER FONT

Cambria is a transitional serif typeface commissioned by See the sample Microsoft and distributed with Windows and Office. It was page at the end designed by Dutch typeface designer Jelle Bosma in 2004, of this section for with input from Steve Matteson and Robin Nicholas. suggested uses of Cambria Italic and bold Italic should be used for introductory or the primary and explanitory short text blocks, captions and pull quotes. secondary fonts.

SECONDARY FONT CAMBRIA CAMBRIA Cambria is included with Microsoft Office and is Bold ABCDEFGHIJKLM one of only 5 fonts that is NOPQRSTUVWXYZ compatible with all PC/Mac abcdefghijklm and iOS versions dating back to 2007. nopqrstuvwxyz

Regular ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Numbers TYPE EXAMPLES CAMBRIA 01234567890 Special Characters !“§$%&/()=?`;:

¡“¶¢[]|{}≠¿‘ «∑€®†Ω¨⁄øπ•±‘ æœ@∆ºª©ƒ∂‚å¥≈ç √~µ∞…–≤<>≥˘›‹◊ CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A

SAMPLE USE OF PRIMARY AND SECONDARY FONTS

Arial Establishing a Vision and Meeting Oregon’s Statewide Bold Planning Goals on the Local Level

Oregon is distinguished by vast natural landscapes outside of urban areas,

Cambria qualities that have not come about by chance. Conserving farm and forest land Bold italic and protecting natural environments while sustaining a prosperous economy and ensuring a desirable quality of life are part of Oregon’s legacy.

Oregon’s land use planning program, established in 1973, requires cities and counties to establish comprehensive land-use plans that address numerous Statewide Planning Goals. Local Comprehensive Plans reflect the interests of communities, protect farm and Cambria italic forest lands, natural resources, and manage urban growth within identified urban areas. (For information on Statewide Planning Goals, visit oregon.gov/lcd.) Hood River is required to implement Statewide Planning Goals at the local Arial Bold level. Hood River’s Comprehensive Plan was acknowledged by the state in 1983. The “Comp Plan” provides the basis for Hood River’s land use and development ordinances, zoning map, and its policies guide the regulation of new development. Arial Since its establishment 35 years ago, several components of the plan have been Regular updated to address economic development, the transportation system, natural resources and, most recently, housing.

State law requires cities to provide a 20-year supply of developable land for both employment and housing needs and directs future growth will to occur within the City’s Urban Growth Boundary (UGB) where urban services are provided such as roads, water and sewer systems, parks, schools and fire and police protection. The UGB protects farms and forests, the backbone of Hood River County’s economy, from urban sprawl by promoting the efficient use of land, public facilities and services inside the boundary. Situated among orchards, farms, and the Columbia River Gorge National Scenic Area, Hood River continues to balance environmental stewardship with evolving community needs. Stay Connected!

“Oregon is an inspiration. Whether you come to it, or are born to it, you become entranced by our state’s beauty, the opportunity she affords, and the Cambria Visit ci.hood-river.or.us/connect to sign up independent spirit of her citizens.” -- Governor Tom italic for topic specific email updates McCall’s 1973 Address to the Oregon Legislature

Arial City of Hood River Planning Department • 211 2nd St., Hood River • 541-387-5210 • ci.hood-river.or.us/planning Bold CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 3

CITY OF HOOD RIVER COLORS

Color plays an important role in the City of Hood River identity program. The colors below are recommendations for various media. Consistent use of these colors will contribute to the cohesive and harmonious look of the City of Hood River identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.

PRIMARY PRIMARY COLOR MEDIUM BLUE COLORS

Use them as the dominant - color palette for all internal and COLOR CODES external visual presentations of CMYK : C79 M32 Y0 K0 Pantone : 2925 the City. RGB : R000 G144 B216 Web : #008FD7

COLOR SYSTEMS DEFINED COLOR TONES PANTONE (PMS) 100 % 80 % 60 % 40 % 20 % Color system used for print reproduction

CMYK, 4COLOR PRIMARY COLOR Four colors combined to create full- DARK BLUE color print reproduction C=Cyan M=Magenta Y=Yellow K=Black -

RGB COLOR CODES Three colors combined for CMYK : C100 M77 Y45 K42 computer monitor full-color viewing Pantone : 539 R=Red G=Green B=Blue RGB : R0 G49 B76 Web : #00314C WEB A six-digit alpha numeric (HEX) representation of color for use on the web, derived from RGB color COLOR TONES values 100 % 80 % 60 % 40 % 20 % CITY OF HOOD RIVER DESIGN GUIDELINES - 2021-A SECTION 3

CITY OF HOOD RIVER SECONDARY COLORS

The Secondary colors are complementary Secondary colors should generally be used to official colors, but are not recognizable sparingly, that is, in less than 25 percent of identifiers for the City of Hood River. the palette in one piece.

SECONDARY COLOR CODES CMYK : C68 M50 Y96 K53 COLORS Pantone : 2411 RGB : R38 G60 B5 Use them to accent and Web : #263C05 Tones currently used on WACP website support the primary color palette. COLOR CODES CMYK : C84 M33 Y58 K13 Pantone : 2244 RGB : R35 G149 B93 Web : #23955D

Tones

COLOR CODES CMYK : C39 M19 Y52 K0 Pantone : 577 RGB : R126 G207 B122 Web : #9CCF7A

Tones

COLOR CODES CMYK : C16 M17 Y49 K0 Pantone : 7402 RGB : R216 G200 B145 Web : #D8C790

Tones

COLOR CODES CMYK : C39 M61 Y84 K30 Pantone : 7568 RGB : R126 G86 B51 Web : #7E5633

Tones

COLOR CODES CMYK : C8 M94 Y100 K0 Pantone : 2347 RGB : R222 G53 B39 Web : #DC3023

Tones