brand guide - living beyond breast cancer brand guide (2016, 2nd edition… · the graphic shapes...

brand guidemay 2016

ContentsOur Purpose ....................4 Our Position ....................6 Our Identity ..................10

Logo ...................................11 Format .............................12Format with Tagline .....14Clear Space ...................16 Sizing .............................18Scaling ..........................19 Background ..................20

CoLor .................................22 Primary Palette .............22Single Color Use ...........23Support Palette ............24Combined Palettes .......24 Limited-Use Color .........25 Color-Coded System ....25

TypefaCe ........................26ICons ..............................27Imagery ..........................28

Our Language ...............30 our name .......................31

Styling ...........................32 message .........................33

Campaigns:Reach & Raise ................ 34

mark ...............................35 Formats .........................36 Clear Space ...................37Sizing .............................38Scaling ..........................39Background ..................40

CoLor .............................42Single-Color Use ...........43

pLaCemenT ....................44Presenter Logos ............45Support Logos ..............46Collateral ......................47

The name .......................48Written Format .............48Tagline ...........................49

Imagery ..........................50

Living Beyond Breast CanCer 3

Contents

Living Beyond BreaST CanCer 5

our Purpose

To ensure that no one impacted by breast cancer feels uninformed or alone.


our Position


We connect people who are impacted by breast cancer to high-quality and easy-to-access information and programs that provide a community of support.


Our voiceClearTrustedHopeful

Our personalityWarmWelcomingSupportive

Our missionTo connect you to trusted breast cancer information and a community of support

Our focusyou, your loved ones and your healthcare providers

attributesHonestrelatableCompassionate

Our characterinclusiveKnowledgeablereliable

8 Brand gUide | oUr PoSiTion Living Beyond BreaST CanCer 9

ouR

po

siti

on

Our methOds

on the phone in person

online in print

8 Brand gUide | oUr PoSiTion Living Beyond BreaST CanCer 9

ouR po

sition


our identity

our logo is a symbol of connection—connection to a community, connection to trusted information, connection to a network of support. The graphic shapes embrace one another in a trusted grip, communicating the reliable nature of our organization. The logo is accompanied by a logotype that boldly stands in all uppercase letters, with an emphasis on Living Beyond. This subtle weight shift helps to communicate hope—that people are more than a breast cancer diagnosis.

note: For legal protection, the logo appears with the “TM” symbol on all printed and electronic material. once the trademark application has been accepted and placed on file, the “TM” will be substituted with an “R.”


Logo

12 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 13

GRApHiCThe logo always features both the graphic and the logotype. never redraw or alter the logo, including the placement and size relationship of the graphic to the logotype. The graphic is not used as a free-standing element except on social media where it functions as an icon and in responsive environ-ments where minimum size requirements cannot be maintained (see page 27).

LoGotYpEThe logotype is set in Brandon grotesque Black and Brandon grotesque Medium. its two-line format is preset and should not be recreated for any purpose. it is never used as a freestanding element.

FormatThe logo is the signature symbol of Living Beyond Breast Cancer. it is composed of a graphicand a logotype.

LoGo


stACkEd HoRizontAL

FormatLiving Beyond Breast Cancer has two logo formats—stacked and horizontal. The horizontal format is most successful in wide spaces (see guide covers on pg. 25). The stacked version works most successfully in square or narrower spaces.

LoGo

LoGo


Format with taglineBoth the stacked and the horizontal format of the logo have a tagline lock-up. The tagline "With you, for you." appears directly under the mark—centered on the stacked version and flush right on the horizontal format. The visual expression of the tagline—font, size, placement and distance from the organization name—is pre-set and connot be altered in any way.

LoGo

stACkEd vERsion witH tAGLinE HoRizontAL vERsion witH tAGLinE


Format with taglineThe stacked and horizontal logo formats with the tagline lock-up should be used on all branded collateral. exceptions to this rule are below.

the tagline lock up is not required:

on co-branded initiatives such as reach & raise (see page 35). when the logo appears smaller than 1.5." for use on non-LBBC related material (sponsorships, joint initiatives, partnerships) on merchandise (tote bags, shirts, umbrellas, pens) when the tagline is being used as the focal point of a design or presented for emphasis as in the example below

LoGo

LoGo

With you, for you.

610.645.4567 • LbbC.Org

Clear space (minimum requirement)


LoGo

The logo requires equal clear space around all four sides in order to minimize distractioncaused from surrounding type or graphics.

The height from baseline to baseline of the logotype is the clear space measurement.

>

>

>>

>>

> >

> >

> >

> >

>>

>>

stACkEd And HoRizontAL vERsions

Clear space (minimum requirement)


LoGo

The logo requires equal clear space around all four sides in order to minimize distractioncaused from surrounding type or graphics.

The height from the baseline of "Breast Cancer" to the baseline of the tagline is the clear space measurement.

>

>

>>

>>

> > > >

tAGLinE LoCk-up vERsions

> > > >

>>

>>

stACkEd vERsionWhile the logo is highly legible at most sizes, the version without the tagline must not appear smaller than 1" wide. The logo with the tagline must not appear smaller than 1.5." Smaller sizes will compromise the legibility of the logotype.

HoRizontAL vERsionThe version without the tagline must not appear smaller than 1.5" wide. The logo with the tagline must not appear smaller than 1.5." Smaller sizes will compromise the legibility of the logotype.

1.5" 2"

sizing

18 Brand gUide | oUr idenTiTy

LoGo

1" 1.5"

REsponsivE EnviRonmEntsif the logo becomes illegible due to screen size, it is acceptable to collapse the logo into the graphic (name and tagline are eliminated). in these cases, the graphic functions as the sole indicator of the organization.

LoGo

scaling


LoGo

The logo is scaled proportionately without distortion. Stretching or compressing is never acceptable.

Backgroundguidelines apply to both logo formats.

The logo always appears on a white background for maximum legibility. Color patterns and backgrounds will compromise the integrity of the logo and its effectiveness.


LoGo

Backgroundguidelines apply to both logo formats.

in situations where the background cannot be controlled, the logo appears in one color only—white logo on dark backgrounds, and berry logo on light backgrounds. if black is the only option for printing, berry should be substituted for black. one-color logos can be provided upon request.


LoGo

primary paletteOur primary color palette, berry and gold, signifies an important duality that is embedded in the organization’s culture, a place where one can find strength and comfort, information and compassion, individual attention and community. This palette is dominant in all materials produced by Living Beyond Breast Cancer.

The logo always appears in the two colors as shown at right unless a situation arises where reproduction is limited to one color. (See “Single-Color Use,” pg. 23).


100% gold

70% gold

100% Berry

70% Berry


CoLor

single-Color useWhen two-color printing is not an option, the following rules apply with regard to the logo:

an all-white logo should be used on dark backgrounds.

an all-berry color logo should be used on light backgrounds.

if limited to only one color, an all-berry logo should be used.

an all-gold logo is never an option for single-color use.

notes: When color is not an option, the logo should be produced in black or reversed out to white.

For offset printing in two colors on uncoated paper, the gold PMS color is 7549. This is the onLy time that PMS 7549 should be used.


Berry

pms 228

R – 131 G – 0 B – 81

C – 15 m – 100 Y – 11 k – 41

HEX #8f1d59

gold

pms 130 C / pms 7549 u

R – 240G – 171B – 0

C – 2m – 30Y – 100k – 0

HEX #f4a71cLiving Beyond BreaST CanCer 23

CoLo

R

support paletteThe orange, blue, and grape support palette is used as an accent.

Combined palettesThe primary and support palettes can be used together at full opacity or screened at any percentage. Screening allows for a full range of tone and expression—from strength and clarity to quiet and compassionate. aside from “Limited-Use Color” and the “Color-Coded System” (see page 25), no new colors should be used for any purpose. Consistency with color is critical to the integrity of the brand.


orange (pms 164)

R – 255 G – 127 B – 69 HEX #ff8041

C – 0 m – 55 Y – 75 k –0

Blue (pms 7456)

R – 103 G – 115 B – 182 HEX #6773b6

C – 72 m – 50 Y – 0 k –0

grape (pms 2617)

R – 73 G – 14 B – 103 HEX #490e67

C – 83 m – 100 Y – 24 k –20


CoLo

R

Limited-use ColorMetallic gold and metallic silver can be used in limited situations. For example, they can designate a level of giving (gold level, silver level) on advancement materials. These are never used on marketing or promotional materials.

Color-Coded systema unique color system is used on the Guide to Understanding series as a way of creating distinction and visual separation between the titles. This system should never be utilized on other collateral. It is specific to this series ONLY.


CoLo

R


CoLo

R

PMS 8643 PMS 877

Living Beyond Breast Cancer uses a single-font approach to convey clarity and simplicity. Source Sans’ broad-based appeal signals inclusion. The heavier weights communicate strength and reliability, while the lighter weights message openness and accessibility. It is both flexible and legible at all sizes.

source sans ProFive recommended Styles:

Light: aa bb Cc dd ee Ff gg

regular: aa Bb Cc dd ee Ff ggsemibold: Aa Bb Cc dd Ee Ff Ggbold: aa bb Cc dd ee Ff ggBlack: aa Bb Cc Dd ee ff gg


TyPeFaCe



iConS


iCons:TWiTTerFaCeBooKinSTagraMyoUTUBe

iCons

While Living Beyond Breast Cancer’s visual identity does not include an official suite of icons, consistent treatment is required with those that are used.

LbbC graphicon all social media platforms, the logo's graphic is used as an icon to represent the organization. There is only one presentation of this graphic, which utilizes the primary color palette and is set against a white background. Use of this graphic as an icon is limited to social media and responsive environments in which the logo in its entirety cannot be viewed at the minimum size (see page 18). it is important that in all other instances, the graphic be locked up to the logotype and used as a logo, not as a symbol.

social media Iconsicons for social media are presented in Living Beyond Breast Cancer’s berry color. When placed against a dark background, they knock out to white.


Living Beyond Breast Cancer uses professional, high-quality imagery to authentically represent the message and goals of the organization as well as the people it impacts. Stock photography is never to be used.

The official photo gallery features volunteers whose lives have been affected by breast cancer. It reflects a broad range of people of different ages, ethnicities, sexual orientations, races, genders and abilities. Photos are used to illustrate specific content and to express the position of the organization.

Personally supplied snapshots of people impacted by breast cancer are acceptable for specific use such as Insight, conference program guides and online articles (e.g., the blog, social me-dia posts). These photos represent a personal voice and are not intended to convey the personality or attitude of Living Beyond Breast Cancer.

Photos can be used as full-bleed images or insets.


iMagery


GRApHiCs


our Language

Living Beyond Breast Cancer is the official name of the organization and should be used in full orally, in writing, and when referred to in print or electronic formats. it is never acceptable to abbreviate the name in any fashion except in the following instances:

When a document introduces the organization by its full name but refers to it in multiple instances throughout the body of the document. In this case, the first mention should include the abbreviation in the format below. All mentions thereafter can be abbreviated to LBBC: Living Beyond Breast Cancer (LBBC)

on Twitter and instagram, where the name has been collapsed into the handle: LivingBeyondBC

in the UrL where the name has been abbreviated to LBBC: LBBC.org


oUr naMe

Living Beyond BreaST CanCer 3332 Brand gUide | oUr LangUage

stylingthe NameWhen the name is written or typed, it should be styled with initial capitals and lowercase letters:

Living Beyond Breast Cancer

the abbreviationThe abbreviation should be set in uppercase when serving as a substitute for the full name:

LBBC

urLsThe organization's UrL should appear in uppercase letters.

LBBC.org

When displayed within a vanity UrL, the organization UrL should be lowercase.

lbbc.org/infocuslbbc.org/get-support/get-involvedlbbc.org/mbc360 lbbc.org/insight

ouR

nAm

E


taglineThe primary message of the organization is encapsulated in the tagline: With you, for you. it is contained within a logo lock-up (see page 14) and should be used on all branded material. exceptions to the rule for use of the "logo format with tagline" can be found on page 14.

MeSSage


CampaIgnsreach & raise: YoGA FoR A REAson


reach & raise is the annual fundraising event for Living Beyond Breast Cancer. The official mark is used on all related material. The mark includes the LBBC logo, campaign name and tagline as a unified visual. No part of this mark should ever be redrawn or altered. There are two official formats for the mark (see page 38).

exceptions:on LBBC-hosted social media accounts, the mark serves as an icon to represent the event. The tagline and LBBC logo are removed.

When appearing on LBBC-branded collateral (e.g., LBBC’s website, brochures, newsletters), the mark can exist without the LBBC logo.

MarK

YOGA FOR A REASON

YOGA FOR A REASON

ICONs sImPLIFIed FOr sOCIaL medIa

note: For legal protection, the mark appears with the “TM” symbol on all printed and electronic material. once the trademark application has been accepted and placed on file, the “TM” will be substituted with an “R.”

YOGA FOR A REASON

Living Beyond BreaST CanCer 3736 Brand gUide | CaMPaignS

Formatseither format below is used for branding. Selection should be based on available space. The formats below should be used for all external publicity, marketing efforts and by partners, sponsors, individuals and organizations who are promoting the event on behalf of LBBC. no changes can be made to the size of the LBBC logo or its relationship to the reach & raise mark.

mAR

k

YOGA FOR A REASON YOGA FOR A REASON

staCked hOrIzONtaL


Clear space (minimum requirement)The mark requires equal clear space around all four sides in order to minimize distraction caused from surrounding type or graphics. Whenever possible, increasing the clear space beyond what is outlined below is preferred.


>

> > >

> >>

>

>

>

>

>

>

>

>

>

mARk


mAR

k

The stacked mark should not appear smaller than 2.25" wide. The horizontal mark should not appear smaller than 3.5" wide. Smaller sizes will compromise the legibility of the LBBC logo. The mark is scaled proportionately without distortion.

2.25" 3.5"

sizing

stACkEd FoRmAt HoRizontAL FoRmAt

YOGA FOR A REASONYOGA FOR A REASON


mARk

The mark is scaled proportionately without distortion. Stretching or compressing is never acceptable.

scaling



mAR

k Backgroundguidelines apply to both formats.

The mark always appears on a white background for maximum legibility. Color patterns and backgrounds will compromise the integrity of the mark and its effectiveness.



mARk

Backgroundguidelines apply to both formats.

in situations where the background cannot be controlled, the mark should appear in one color only—white logo on dark backgrounds and berry logo on light backgrounds. if black is the only option for printing, berry should be substituted for black. one-color logos can be provided upon request.

YoGA FoR A REAson YoGA FoR A REAson

Reach & Raise Color paletteThe palette for this campaign combines the primary palette and the orange color from the support palette. (See color breakdowns on pages 21 and 22.)

The three-color mark is used on all communications, marketing and promotional materials.

42 Brand gUide | CaMPaignS

80%: Berrygradation effect between berry and orange

100%: orange

100%: gold


CoLor

YOGA FOR A REASON

single-Color useWhen three color printing is not an option, the following rules apply with regard to the mark:

• An all-white mark should be used on dark backgrounds. (See pg. 41)• An all-berry (at 100%) mark with no gradations should be used on light backgrounds. This is required

because of the co-branding. (See pg. 41)• If limited to only one color, an all-berry (at 100%) mark with no gradations should be used.• An all-gold mark is never an option for single-color use.

note: When color is not an option, the mark should be produced in black or reversed out to white.

42 Brand gUide | CaMPaignS Living Beyond BreaST CanCer 43

CoLo

R

YoGA FoR A REAson YoGA FoR A REAson


in order to bring attention to the campaign as well as maintain the critical connection of reach & raise to Living Beyond Breast Cancer, it is important that sponsor logos do not compete with the campaign mark.

presenter Logos Placement of external logos must comply with the minimum clear space rules. increased clear space is encouraged whenever possible. Presenter logos should never be sized higher than the space from the bottom of the mark to the top of RAISE. In cases where one is left to use their judgment about the size and presentation of the presenter logos, the goal is to communicate that it is subordinate to the campaign mark.

staCked

>

> YOGA FOR A REASONLoGo

Presented by

PLaCeMenT


presenter Logos rules for sponsor logo placement apply to both the stacked and horizontal formats.

YOGA FOR A REASON

pLACEmEnt

>

>LoGo

hOrIzONtaL

Presented by


support Logos in order to create a clear hierarchy between the campaign mark, presenter logos and support logos, it is recommended that support logos be visually smaller—communicating less importance—than the presenter logo.pL

ACEm

Ent

>

> YOGA FOR A REASON

LoGo

suppoRt LoGo

suppoRt LoGo

suppoRt LoGo

suppoRt LoGo

staCked

Presented by


Collateral The reach & raise mark should be prominently sized and placed on promotional material. Photography is limited to single images whenever possible to minimize a cluttered appearance. event photos are used for illustration purposes.

pLACEmEnt


written Format in all communication, marketing and promotional material, the campaign name is written with initial capital letters for both words and an ampersand.

reach & raise

An “and” should never be used between “Reach” and “Raise” with the exception of the official UrL. at this time, ampersands cannot be used in UrLs.

reachandraise.org

reach & raise is inextricably linked to Living Beyond Breast Cancer. When introducing the campaign for the first time both orally and in writing, it is:

Living Beyond Breast Cancer’s reach & raise

In a document where the campaign name is referred to multiple times, after the first mention it can be collapsed to:

LBBC’s reach & raise

THe naMe


The event tagline “yoga For a reaSon” is used to provide context for Living Beyond Breast Cancer’s reach & raise experience. it is used in conjunction with the logo (see page 39) and in forms of communication as a consistent reminder of what makes the event different from other fundraisers. These particular words best capture that experience.

rules for use in Copy

When “yoga For a reaSon” is used as a headline, the text should appear in all caps using a font and text size consistent with the main copy.

Example:yoga For a reaSonJoin thousands of people who want to make a difference in the lives….

if the tagline is used within a body of copy, a font and text size consistent with the main copy should be used.

Example:Living Beyond Breast Cancer’s reach & raise participants will be doing yoga for a reason on Sunday, May 15.

tHE nAmE

tagline


Living Beyond Breast Cancer uses professional, high-quality imagery on all collateral to promote reach & raise. Photos can be used as full-bleed or insets. Single-image use is preferred over multiple images. Photo selection is based on the following:

environmentPhotos that feature landmarks or large open spaces help to communicate where the events take place.

CommunityPhotos that feature multiple people within a crowd setting are key to illustrating the communal nature of the events. Close-up photos of single individuals are discouraged, as they may appear to single out a certain “type” of participant. They also limit our ability to convey a sense of community.

diversityevery attempt is made to capture a diverse range of ages, ethnicities, races, physical abilities and genders. Whether one is a seasoned yogi or a first-time yoga-goer, LBBC strives to show a full range of participants in order to message that all are welcome and encouraged to participate.

activityPhotos that illustrate simple, non-intimidating yoga poses convey the event’s universal appeal. anyone can do it. group yoga poses message a low-impact activity, as opposed to a race or a competition.

iMagery


imAGERY

brand guide - living beyond breast cancer brand guide (2016, 2nd edition… · the graphic shapes...

Documents