BRAND GUIDELINES
GERCoalition_BrandGuidelines_v7.indd 1
7/6/17 1:38 PM
BRAND GUIDELINES
TOGETHER, WE ARE STRONGER. The world is facing an unprecedented number of crises that have forced 65 million people from their homes over the past few years and left millions near starvation. A dramatic increase in resources will be needed to meet growing global emergency needs. Formed in April 2017, the Global Emergency Response Coalition is a partnership of eight of the world’s largest independent non-government organizations, whose unified goal is to work collectively to deliver relief to millions of children and families in need.
By using this partnership guide, you will make our collective voice stronger and response more powerful.
PA G E 2
GERCoalition_BrandGuidelines_v7.indd 2
7/6/17 1:38 PM
BRAND GUIDELINES
TABLE OF CONTENTS Visual Identity ........................................................... 4 Logomark ....................................................................... 4 Tagline & Appeal Lockup .............................................. 6
Typography .................................................................... 7 Colors ............................................................................... 8 Imagery ........................................................................... 9
Identity in Action ..................................................... 15 Letterheads .................................................................... 15 PowerPoint .................................................................... 16 E-Mail Banner .............................................................. 17 Social Channels ............................................................. 18 Social Media Handles .................................................. 19
Photography .......................................................................... 9 Photography Treatment....................................................... 10
Contact & Downloads ............................................. 20
Graphics .................................................................................. 11 Icons .......................................................................................... 13
Coalition Partner Lockup ........................................ 14
PA G E 3
GERCoalition_BrandGuidelines_v7.indd 3
7/6/17 1:38 PM
LOGOMARK UNITY & ACTION The logomark is comprised of the coalition name and our symbol of unified action. Abstracted exclamation points (a universal symbol of urgency) combine to form a semi-circle representing the coming together of organizations and efforts to meet the needs of those in crisis around the world. The exclamations point inwards, towards a unified time and place that illustrates our collaborative response. The stencil font and stamp effect of the graphics are purposely used to evoke the on-the-ground, direct response need that the coalition and its donors serve.
BRAND GUIDELINES VISUAL IDENTITY LOGOMARK
“E” HEIGHT
The name should never appear in logo format without the mark, accept in text.
MARGIN SPACE Ample margin around the logomark allows it to remain visible and clear. The minimum amount of margin is equal to the height of the “E” in “response.”
WRITING THE NAME IN TEXT Global Emergency Response Coalition should appear in title case when written in text. It does not need to be bolded or italicized.
MINIMUM SIZE The minimum acceptable size of the logomark is 1 inch wide.
1” MINIMUM WIDTH
DO NOT ALTER THE LOGO Never alter the logomark in any way; the electronic files are available at GlobalEmergencyResponse.org/brand-center and are the only files that should be used.
PA G E 4
GERCoalition_BrandGuidelines_v7.indd 4
7/6/17 1:38 PM
LOGOMARK COLORS & VISIBILITY PRIMARY USES The logomark is available in three color options be used primarily on white or brand red backgrounds.
BRAND GUIDELINES
RED Use on color materials with white background.
BLACK Use on grayscale materials with white background.
WHITE (REVERSE) Use on color materials with red background.
VISIBILITY The logomark must always be visible on any backgrounds. Only place the logo on a background that provides ample contrast and is not overly busy which would impede visibility. The logo mark should never be altered: n Don’t stretch or squeeze n D on’t change the text or size in proportion to the mark n Don’t tilt n Don’t add a drop shadow n D on’t place on a background that does not allow enough contrast or is too busy to read the logo mark
VISUAL IDENTITY LOGOMARK
SECONDARY USES It is prefered that the logomark be placed on the white or red background to assure brand consistency and visability, however the logomark may be used on backgrounds other than the solid white or red in special circumstances.
PA G E 5
GERCoalition_BrandGuidelines_v7.indd 5
7/6/17 1:38 PM
COALITION TAGLINE APPEAL LOCKUP
BRAND GUIDELINES VISUAL IDENTITY LOGOMARK TAGLINE APPEAL LOCKUP
TAGLINE APPEAL USE During times of fundraising campaigns, an appeal lockup should be created and used to allow supporters to quickly and easily understand the need and take action. The tagline appears in the top bar of the lockup. it should always remain the same. The appeal name appears in the bottom bar of the lockup and may be altered depending on the crisis being addressed.
PA G E 6
GERCoalition_BrandGuidelines_v7.indd 6
7/6/17 1:38 PM
TYPOGRAPHY
BRAND GUIDELINES
TITLES & HEADLINES: ALLERTA STENCIL The Allerta Stencil brand font should be used for titles and headlines to draw attention to key messages. Only one style is available. Color can also be applied to titles and headlines to create visual hierarchy. When using Allerta Stencil, kerning should be set to zero.
VISUAL IDENTITY TYPOGRAPHY
Allerta Stencil is free to download and use for print and web at Google Fonts: https://fonts.google.com/specimen/Allerta+Stencil
BODY FONT: LATO The body text font is Lato. It is available in a wide range styles, all acceptable for use. Lato should be used for all other type in print and digital materials. When using Lato, kerning should be set to zero. Lato is free to download and use for print and web at Google Fonts: https://fonts.google.com/specimen/Lato Sample copy format Lato Light Sample copy format Lato Light Italic Sample copy format Lato Regular Sample copy format Lato Italic Sample copy format Lato Semibold Sample copy format Lato Semibold Italic Sample copy format Lato Heavy Sample copy format Lato Heavy Italic
FONTS & STYLES
GERCoalition_BrandGuidelines_v7.indd 7
SAMPLE TITLE OR HEADLINE LOREM IPSUM Sample body copy ipsum dolor sit amet, consectetur adipiscing elit. Donec a urna semper, molestie mi ac, facilisis odio. Ut blandit posuere pretium. Sed pellentesque massa id neque aliquam, in feugiat orci sollicitudin. Ut rutrum dolor a turpis varius, sit amet euismod risus elementum. Mauris imperdiet eu velit sed fringilla. Pellentesque vulputate risus nec vulputate finibus. Proin non luctus lorem, sed congue urna. Duis auctor auctor dignissim. Curabitur pharetra semper metus, eget finibus magna suscipit at. In ut purus egestas, tristique urna vel, molestie lorem. Etiam bibendum ante pharetra, ornare nisl ut, ullamcorper ante. SAMPLE SUBHEAD OR SECTION TITLE LOREM IPSUM Whenever possible, use square bullets instead of circles. This emulates the exclamation design of the logomark and evokes decisive action. Examples of acceptable bullets and accent colors in use: n Solid square bullet p Open square bullet u Tilted solid square bullet u Action arrow bullet
PA G E 7
7/6/17 1:38 PM
COLORS URGENCY & ON THE GROUND DELIVERY The color palette is dominated by warm, earthy tones that evoke a sense of urgency, compassion and humanity.
BRAND GUIDELINES VISUAL IDENTITY COLORS
RED
BROWN
DARK GRAY
LIGHT GRAY
C=12 M=95 Y=100 K=3
C=35 M=82 Y=100 K=47
C=29 M=24 Y=25 K=0
C=9 M=5 Y=7 K=0
R=208 G=49 B=39
R=96 G=40 B=14
R=183 G=181 B=181
R=229 G=232 B=230
HEX# D03127
HEX# 60280E
HEX# B7B5B5
HEX# E5E8E6
Red is our dominant color for it’s symbolic combination of danger, urgency, energy, passion and love. Brown compliments our red, grounding the palette with a strong, deep color that symbolizes stability and strength. Two gray tones offer softer accents and backgrounds that can amplify the action colors.
BLUE
YELLOW
C=0 M=31 Y=37 K=0
C=1 M=52 Y=0 K=0
R=100 G=134 B=152
R=192 G=161 B=94
HEX# 648698
HEX# C0A15E
Blue accents offer subtle contrast to the warmer reds. It’s meaning of trust, confidence and expertise can be used to help convey solutions to needs or resolutions to crises. Yellow is the color of joy, happiness, and energy. This accent conveys the positivity of delivering help to those in need.
PA G E 8
GERCoalition_BrandGuidelines_v7.indd 8
7/6/17 1:38 PM
PHOTOGRAPHY
BRAND GUIDELINES VISUAL IDENTITY IMAGERY PHOTOGRAPHY
Coalition appeal imagery should reflect the people in need, painting an alarming visceral picture while creating a human connection that compels audiences to act. IMAGES SHOULD: n H ave a human element and depict those in need of help from the coalition appeal n H ave a dynamism and energy to the by using the foreground and background to create depth and interest in the story told through the visuals I M A G E S S H O U L D N O T: n H ave extreme angles or distortions such as worm’s eye, bird’s eye or warping (mild angles from slightly above or below are acceptable) n Have motion blur or other added effects
PA G E 9
GERCoalition_BrandGuidelines_v7.indd 9
7/6/17 1:38 PM
PHOTOGRAPHY TREATMENT Coalition appeal imagery should be treated
BRAND GUIDELINES VISUAL IDENTITY IMAGERY
UNTREATED PHOTO
T R E AT M E N T S H O U L D : n R eflect the high contrast red sepia tones of the brand n B e clear and well lit on the object or area of focus n H ave high contrast or enhanced to amplify contrast
PHOTOGRAPHY
T R E AT M E N T S H O U L D N O T: n T reatement should not obscure facial expressions or darken faces unncessarily, use tools to brighten faces if needed
TREATED PHOTO
TREATED PHOTO
Photoshop action of treatment is available for download: GlobalEmergencyResponse.org/brand-center
UNTREATED PHOTO
PA G E 1 0
GERCoalition_BrandGuidelines_v7.indd 10
7/6/17 1:38 PM
GRAPHICS The brand has two types of supporting graphics:
BRAND GUIDELINES VISUAL IDENTITY IMAGERY GRAPHICS
RED OVERLAY Overlays offer a clean home for text and the logomark to be placed in branded materials. They can be placed as a solid, non-transparent overlay or with hard light effect applied so that the photo area covered is still subtly viewable, allowing for large, effective use of photographic imagery. Overlays should be compositionally used to compliment and enhance the focal point of the photograph, not cover, block or detract from it. EXCLAMATION PATTERN The exclamation pattern accent can be used as either background or foreground overlay elements. They should only appear in red or gray solid, opaque color, never transparent. Graphic brand assets are available for download: GlobalEmergencyResponse.org/brand-center
PA G E 1 1
GERCoalition_BrandGuidelines_v7.indd 11
7/6/17 1:38 PM
GRAPHICS TITLE & HEADLINE LABEL BARS When laying in headlines, use solid rectangular bars layered over the photo and/or graphic elements to create a home for important text.
BRAND GUIDELINES HEADLINE GOES HERE
VISUAL IDENTITY IMAGERY GRAPHICS
HEADLINE GOES HERE
The bars can appear in any of the core brand colors of red, brown or grey. Only in special circumstances should the label bars appear in the accent colors of blue or yellow. Graphic brand assets are available for download: GlobalEmergencyResponse.org/brand-center
HEADLINE GOES HERE
HEADLINE GOES HERE
PA G E 1 2
GERCoalition_BrandGuidelines_v7.indd 12
7/6/17 1:38 PM
ICONS
BRAND GUIDELINES VISUAL IDENTITY IMAGERY ICONS
LINEO ICON STYLE The simple, clean lineo icon style has been adopted for the coalition’s brand. Icons should feel illustrative without being too informal, sketchy or cartoony. This style evokes an emotional, human feeling while still remaining serious. SQUARE ICON BOXES Icons should be used inside the square lockup box. The box should always have hard corners, never rounded. Do not use circles. Boxes can be designated any of the brand colors. The clean lines of the icons and hard edges of the boxes portray the determined focus of the coalition.
SINGLE EXCLAMATION ICON In special cases, the signature single exclamation icon may be used. It should only appear in red with a light gray box. This icon should only be used to add graphic emphasis to an important message or story. It should be used sparingly, and never more than once on a single page or layout. Do not use this icon in small, crowded layouts where it cannot stand out among other brand elements. Examples of such layouts include display ads (unless it’s a roadblock or page takeover) and social media images (unless it’s one of the only elements being used). Icons are available for download here: GlobalEmergencyResponse.org/brand-center
PA G E 1 3
GERCoalition_BrandGuidelines_v7.indd 13
7/6/17 1:38 PM
COALITION PARTNER LOCKUP For materials that require the use of the coalition partner logos, two lockups have been created in horizontal (such as for use in footers), and vertical (such as for use in sidebars). The lockup is an approved asset and should be used as provided. Do not alter the lockup in any way.
BRAND GUIDELINES
VERTICAL LOCKUP For use such as in a sidebar..
Download the partner lockups here: GlobalEmergencyResponse.org/brand-center
VISUAL IDENTITY PARTNER LOCKUP HORIZONTAL LOCKUP For use such as in a footer.
HORIZONTAL LOCKUP WITH COALITION LOGO For use such as in a footer
PA G E 1 4
GERCoalition_BrandGuidelines_v7.indd 14
7/6/17 1:38 PM
LETTERHEADS Letterhead options have been prepared for use in Word .doc format. Download the letterheads here: GlobalEmergencyResponse.org/brand-center
BRAND GUIDELINES IDENTITY IN ACTION LETTERHEADS
EXCLAMATION ACCENT
LOGOMARK
PARTNER LOCKUP
PA G E 1 5
GERCoalition_BrandGuidelines_v7.indd 15
7/6/17 1:38 PM
POWERPOINT A simple but versatile PowerPoint template has been prepared for any coalition communication needs. Download the PowerPoint template here: GlobalEmergencyResponse.org/brand-center
BRAND GUIDELINES
SLIDE WITHOUT PARTNER LOCKUP
IDENTITY IN ACTION POWERPOINT
SLIDE WITH PARTNER LOCKUP
PA G E 1 6
GERCoalition_BrandGuidelines_v7.indd 16
7/6/17 1:38 PM
E-MAIL BANNER E-mail banners are created to support amplification through partners and are designed for each unique appeal.
BRAND GUIDELINES
Specs: 600px W x 150px H
IDENTITY IN ACTION E-MAIL BANNER
Banner image file should be placed as part of the signature, below the personal and company information.
PA G E 1 7
GERCoalition_BrandGuidelines_v7.indd 17
7/6/17 1:38 PM
SOCIAL CHANNELS
BRAND GUIDELINES
Social channel header images should be created to support each appeal. The profile picture should always remain the same and reflect the coalition itself, not any specific appeal.
IDENTITY IN ACTION SOCIAL CHANNELS
PA G E 1 8
GERCoalition_BrandGuidelines_v7.indd 18
7/6/17 1:38 PM
SOCIAL MEDIA HANDLES HANDLE
BRAND GUIDELINES IDENTITY IN ACTION SOCIAL CHANNELS
Social channel handles should be written in title case for readability. FACEBOOK @GlobalEmergencyResponseCoalition
TWITTER @GlobalResponse
YOUTUBE Global Emergency Response Coalition
INSTAGRAM @GlobalEmergencyResponse
GOOGLE Global Emergency Response Coalition
PA G E 1 9
GERCoalition_BrandGuidelines_v7.indd 19
7/6/17 1:38 PM
CONTACT & DOWNLOADS If you have questions or need to acquire brand assets to support a coalition appeal, please contact us. BRAND CONTACT
[email protected] ONLINE BRAND CENTER GlobalEmergencyResponse.org/brand-center PRESS CONTACT
[email protected] CONTACT & DOWNLOADS
FUNDRAISING CONTACT
[email protected] Social channel header images should be created to support each appeal. The profile picture should always remain the same and reflect the coalition itself, not any specific appeal.
CUSTOMER SERVICE CONTACT
[email protected] GERCoalition_BrandGuidelines_v7.indd 20
7/6/17 1:38 PM