brand guide - Living Beyond Breast Cancer Brand... · The graphic shapes embrace one another in a...
Transcript of brand guide - Living Beyond Breast Cancer Brand... · The graphic shapes embrace one another in a...
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.
Living Beyond BreaST CanCer 5
our Position
Living Beyond BreaST CanCer 7
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.
Living Beyond BreaST CanCer 7
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
Living Beyond BreaST CanCer 11
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.”
Living Beyond BreaST CanCer 11
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
12 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 13
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
14 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 15
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
14 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 15
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)
16 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 17
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)
16 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 17
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
18 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 19
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.
20 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 21
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.
20 Brand gUide | oUr idenTiTy Living Beyond BreaST CanCer 21
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).
22 Brand gUide | oUr idenTiTy
100% gold
70% gold
100% Berry
70% Berry
Living Beyond BreaST CanCer 23
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.
22 Brand gUide | oUr idenTiTy
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.
24 Brand gUide | oUr idenTiTy
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
Living Beyond BreaST CanCer 25
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.
24 Brand gUide | oUr idenTiTy
CoLo
R
Living Beyond BreaST CanCer 25
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
26 Brand gUide | oUr idenTiTy
TyPeFaCe
Living Beyond BreaST CanCer 27
26 Brand gUide | oUr idenTiTy
iConS
Living Beyond BreaST CanCer 27
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 29
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.
28 Brand gUide | oUr idenTiTy
iMagery
Living Beyond BreaST CanCer 29
GRApHiCs
Living Beyond BreaST CanCer 31
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
Living Beyond BreaST CanCer 31
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
Living Beyond BreaST CanCer 33
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
Living Beyond BreaST CanCer 35
CampaIgnsreach & raise: YoGA FoR A REAson
Living Beyond BreaST CanCer 35
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
Living Beyond BreaST CanCer 37
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.
YOGA FOR A REASON YOGA FOR A REASON
>
> > >
> >>
>
>
>
>
>
>
>
>
>
mARk
Living Beyond BreaST CanCer 3938 Brand gUide | CaMPaignS
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
Living Beyond BreaST CanCer 39
mARk
The mark is scaled proportionately without distortion. Stretching or compressing is never acceptable.
scaling
YOGA FOR A REASON YOGA FOR A REASON
Living Beyond BreaST CanCer 4140 Brand gUide | CaMPaignS
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.
YOGA FOR A REASON YOGA FOR A REASON
Living Beyond BreaST CanCer 41
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
Living Beyond BreaST CanCer 43
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
Living Beyond BreaST CanCer 4544 Brand gUide | CaMPaignS
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
Living Beyond BreaST CanCer 45
presenter Logos rules for sponsor logo placement apply to both the stacked and horizontal formats.
YOGA FOR A REASON
pLACEmEnt
>
>LoGo
hOrIzONtaL
Presented by
Living Beyond BreaST CanCer 4746 Brand gUide | CaMPaignS
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
Living Beyond BreaST CanCer 47
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
Living Beyond BreaST CanCer 4948 Brand gUide | CaMPaignS
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
Living Beyond BreaST CanCer 49
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 5150 Brand gUide | CaMPaignS
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
Living Beyond BreaST CanCer 51
imAGERY