2018 DESIGN & BRAND GUIDELINES

LiveBetterIdaho.org

Live Better Idaho Organizational Brand Guidelines

Version: v1 // NOV 2017

THE GUIDE

TABLE OF CONTENTS

DESIGN &BRAND GUIDELINES

SECTION 2 | TYPOGRAPHY

SECTION 3 | COLOR SYSTEM

SECTION 4 | LOGO PLACEMENT

SECTION 5 | ORGANIZATIONAL ICONOGRAPHY

SECTION 1 | ORGANIZATIONAL LOGO

PAGE 7

PAGE 11

PAGE 15

PAGE 17

PAGE 3

1

WELCOME & INTRODUCTION

INTRODUCTION

Live Better Idaho Brand Guidelines

2

LIVE BETTER IDAHO

THE DESIGN GUIDELINESThese guidelines describe the visual and verbal elements that represent the livebetteridaho.org organizational identity. This includes our name, logo and other elements such as color, type and acceptable graphics.

Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of Live Better Idaho to Idahoans.

These guidelines reflect our commitment to quality, consistency and style.

3

SECTION 1ORGANIZATION LOGO

The Logo IntroductionThe Logo Elements & Conditions for UseLogo ClearspaceThe Logo Application

LOGO INTRODUCTION

Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of the the symbol itself

and our name – they have a fixed relationship that should never be changed in any way.

THE FULL LOGOTYPE

The Live Better Idaho logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking a positive outlook that connects all Idahoans regardless of gender, ethnicity, or socioeconomic status - the connection to living better and finding services that can influence a positive outcome.

The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of a mixture of

lowercase words combined with upper case letters for the word “IDAHO”. The typeface is primarily Titillium Roman and has also been chosen to compliment and balance perfectly with the logo symbol.

The Organizational logo is presented through the use of pure colors as well as shape and form. The colors are Green, Blue, and Yellow. It is a fresh and appealing blend of colors chosen for their strong connection to the Idaho landscape and mission of providing a better life for all Idahoans.

01

4

4

5

5

1 2

3

Live Better Idaho Brand Guidelines

4

LOW-CONTRAST VERSIONS DARK BACKGROUND VERSIONS

4) The Logo for Low-Contrast Backgrounds will be used when the backround color is greater than roughly 20% tone and less than 50%. Avoid placing our logo on backgrounds which either blends or disguises the yellow sun of the Logo Symbol.

5) The Logo for Dark Backgrounds will be used when the backround color is darker than roughly 40% in tone. Some judgement calls will be necesssary as to which logo to use based upon the color selected and/or background noise.

Provided formats for use are:.pdf | .psd | .png | .jpg

Attention:Use of any stylized, animated, hand drawn or other versions of an unofficial logo is not permitted. This undermines the logo system and brand consistency.

1) The Logo SymbolConsists of the combined elements representing the mountains of Idaho and the rising sun to a better day which evokes the opportunity to a positive outcome.

2) The Logo TitleCarefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the combined use of upper and lower case words in blue and green primary brand colors. The font that is used is primarily Titillium.

3) The TaglineCarefully worded, our tagline should be used in most cases to help describe to Idahoans the steps to improving their lives and to reinforce the 3-clicks to finding solutions through the refined site infrastructure and ease of use.

The general Logo The main logo is the 3-color logo shown above used on white or light colored backround. For darker or low-contrast backrounds you will find alternative logo options below.

LOGO ELEMENTS & USAGE

1.0 x

x

1.0 x

x

1.0 x

x

Live Better Idaho Brand Guidelines

5

SECTION 1PRIMARY & SECONDARY LOGOSThe Logo IntroductionThe Logo Elements & Conditions for UseLogo Clearspace The Logo Application

PREFERRED MARK USED

Full Logo with TaglineMinimum Size: .66” x .1986”

SECONDARY MARK USED

Logo MarkMinimum Size: .268” x .23”

TERTIARY MARK USED

Full Logo with Right-Hand TaglineMinimum Size: .588” x .2779”

It is important to keep the Live Better Idaho Brandmark clear of any other graphic elements. To regulate this, an exclusion zone has been established around the mark. This exclusion zone indicates the closest any other graphic element or

message can be positioned in relation to the mark. An easy way to ensure this is through using the height of the “O” within the Logo Title as the basis for the exclusion zone – which is a fixed relationship based upon the Brandmark size in use.

LOGO CLEARSPACE

1.5”

1.5”

1”

1”

.66” Min.

.588” Min.

.5”

3/8”

.23”

Min

.

Live Better Idaho Brand Guidelines

6

APPLICATION ON A BACKGROUND

LOGO AColored Version

LOGO BColored Version

LOGO CColored Version

MINIMUM LOGO SIZES

Full Logos with Taglines “Logo A” Minimum Size: .268” x .23” “Logo C” Minimum Size: .268” x .23”

Logo without Tagline“Logo B” Minimum Size: .268” x .23”

We have provided for use three Logo Marks based upon a variety of application uses and media needs. This allows the Live Better Idaho brand to remain intact and consistent. Our “Logo A” is the preferred logo for use when possible as it provides the most flexibility and streamlined profile while delivering

both the Mark and the message behind the Mark. However, we have developed “Logo C” for use in the lower quadrants of visual display pieces. The “Logo B” carries only the Brand Mark without purposes and may be preferable in small area uses as well as some stamped incentive materials.

7

SECTION 2ORGANIZATION TYPOGRAPHY

Organizational Typography Primary FontSecondary FontLong Form Serif Font

LIVE BETTER IDAHO TYPOGRAPHY

02 Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Live Better Idaho communications. We have selected Titillium and Roboto for both web and print use, which helps in

maintaining consistency both in offline and online communications. Additionally, a Serif font has been added to use in the cases where content may exceed a paragraph or more as sans-serif fonts are typically more difficult to read in larger amounts of content such as brochure, guides, booklets and papers.

PRIMARY FONT

Live Better Idaho Brand G uidelines

8

PRIMARY FONTTITILLIUM

DESIGNER : ACCADEMIA DI BELLE ARTI URBINO

THE FONTT itillium is a well-crafted sans-serif font with recognizable characters.

A relatively young font born in 2009 inside the Accademia di Belle Arti di Urbino as a didactic project C ourse Type design of the Master of V isual Design C ampi V isivi. It provides a clean, modernistic feel through its geometrically inspired lines that carry a computer-like feel.

TYPE EXAMPLESTITILLIUM

T I T I L L I U MBold

R egular

A B C D E F G H I J K L MN O P Q R S T U V W X Y Za b c d e f g h i j k l mn o p q r s t u v w x y zA B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m

n o p q r s t u v w x y z

Figures 0 1 2 3 4 5 6 7 8 9 0

S pecial C haracters

! “ § $ % & / ( ) = ? ` ; :

¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘

æ œ @ Δ º ª © ƒ ∂ ‚ å ¥ ≈ ç

√ ~ μ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

Live Better Idaho Brand Guidelines

9

SECTION 2ORGANIZATIONAL TYPOGRAPHYThe Organizational FontsPrimary FontSecondary FontLong Form Serif Font

PRIMARY FONTROBOTO

DESIGNER : CHRISTIAN ROBERTSON

THE FONTRoboto is a sans serif typeface developed with a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to settle in to their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.

TYPE EXAMPLESROBOTO

R O B O T OBold

Regular

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m

n o p q r s t u v w x y z

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m

n o p q r s t u v w x y z

Figures 0 1 2 3 4 5 6 7 8 9 0

Special Characters

! “ § $ % & / ( ) = ? ` ; :

¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç

√ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

SECONDARY FONT

Live Better Idaho Brand Guidelines

10

LONG FORM USE: SERIF FONT

SERIF FONTMODUM

DESIGNER : THE NORTHERN BLOCK LTD

THE FONTA contemporary serif font family. Modum is a stylish modern day serif with great charm, harmony and practicality that is best suited for complex hierarchical projects, such as editorials, newspapers and text based materials. The design takes influence from traditional serif forms to develop a precise, highly functional text face with a low contrast.

This font is intended for long form use such as for articles, ads and brochures.

TYPE EXAMPLESMODUM

M O D U MRegular

Italic

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m

n o p q r s t u v w x y z

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m

n o p q r s t u v w x y z

Figures 0 1 2 3 4 5 6 7 8 9 0

Special Characters

! “ § $ % & / ( ) = ? ` ; :

¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç

√ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

11

SECTION 3ORGANIZATIONAL COLOR SYSTEM

Primary Color System & CodesSecondary Color System

THE PRIMARY COLOR SYSTEM AND COLOR CODES

THE COLOR SYSTEMColor plays an important role in the Live Better Idaho online identity program. The colors provided are recommendations for various media however stem from our online categories. A palette of primary colors has been developed, which comprise the “Live Better” color scheme. Consistent

use of these colors will contribute to the cohesive and harmonious look of the Live Better Idaho brand identity across all relevant media. Check with your designer or printer when using the Organizational colors that they will be always be consistent.

03

PRIMARY COLOR SYSTEM

Explanation: Live Better Idaho has three official colors: Green, Blue and Yellow. These colors in combination have a recognizable association with the values of our brand.

Usage:Use them as the dominant color palette for all internal and external visual presentations of the company.

PRIMARY COLORIDAHO GREEN

COLOR CODESCMYK : 60/0/100/0Pantone : 360CRGB : R113 G191 B69 Web Hex : #71bf45

COLOR TONES100 % 60 %80 % 40 % 20 %

Live Better Idaho Brand Guidelines

12

PRIMARY COLORSUNNY YELLOW

COLOR CODESCMYK : 0/20/100/0Pantone : 123CRGB : R255 G202 B8 Web : #ffca08

COLOR TONES100 % 60 %80 % 40 %

PRIMARY COLORBETTER BLUE

COLOR CODESCMYK : 68/10/0/0Pantone : 306CRGB : R1 G179 B241 Web : #05b1f9

COLOR TONES

100 % 60 %80 % 40 % 20 %

20 %

Live Better Idaho Brand Guidelines

13

SECTION 3ORGANIZATIONAL COLOR SYSTEMThe Organizational ColorsPrimary Color SystemSecondary Color System

THE SECONDARY COLOR SYSTEM AND COLOR CODES

SECONDARY COLOR SYSTEM

Explanation: The Secondary colors are complementary to our official primary colors, but are not primary identifiers for the brand. These Secondary colors should be used in association with specific website categories and/or topics.

Usage:Use them to accent and support the primary color palette and to reference more specific topics by category and/or subject matter.

Tones

Tones

Tones

Tones

Tones

FINANCIAL GREENCMYK : 75/4/100/0Pantone : 361CRGB : R73 G178 B47 Web Hex : #49b22f

HEALTHCARE REDCMYK : 5/100/100/0Pantone : 1795CRGB : R219 G10 B47 Web Hex : #db0a2f

FOOD & NUTRITION BLUECMYK : 58/13/0/0Pantone : 2915CRGB : R107 G179 B228 Web Hex : #6bb3e4

VETERANS BLUECMYK : 100/72/25/8Pantone : 7692CRGB : R27 G79 B130 Web Hex : #1b4f82

CHILD CARE PINKCMYK : 0/76/10/0Pantone : 212CRGB : R235 G92 B153 Web Hex : #eb5c99

Live Better Idaho Brand Guidelines

14

Tones

Tones

FAMILY SERVICES ORANGECMYK : 0/73/100/0Pantone : 165CRGB : R2147 G101 B42 Web Hex : #f7652a

WORK & EDUCATION GOLDCMYK : 5/52/100/0Pantone : 144CRGB : R229 G141 B26 Web Hex : #e58d1a

15

SECTION 4LOGO PLACEMENT

The Correct Logo Placement

04LOGO PLACEMENT AND SUGGESTED USE SOLUTIONS

WHY IS THIS IMPORTANT?Balance is an essential feature of good design. Graphics, imagery, and text must all be balanced so that each element is able to speak clearly. If you give the

logo a distinct presence in the design, it will have greater impact and won’t distract from other messages you wish to communicate.

Live Better Idaho Brand Guidelines

16

THE LOGOPLACEMENT

Explanation: To place the Live Better Idaho logo in the correct way, we have provided some suggestive placements. Please consult with your Live Better Idaho representative for any additional restrictions.

PARAMETER

EXAMPLES

1/3 column widths (top row)1/5 column width for logo stack1/3 column width for lower quadrants

LOGO PLACEMENTS BY LOGO TYPE

17

SECTION 5ORGANIZATIONAL ICONOGRAPHY

Organizational IconographyOther Brand Materials

THE ICONOGRAPHY SYSTEMAn icon is a pictogram displayed on a screen or print layout in order to help the user to associate with and navigate through the web content in an easier way. The icon itself is a small picture or

symbol serving as a quick, “intuitive” representation of a particular category, function or subject matter. From which there are also associated colors which can be found in Section 3.

05

Live Better Idaho Brand Guidelines

18

LIVE BETTER IDAHO ORGANIZATIONAL ICONOGRAPHY SYSTEM

Additional Materials: Provided are also assets in use for social media campaigns and can be utilizied for consistency in brand messaging.

NOTES

19