Brand Guidelines | Swipe Out Hunger

SWIPE OUT HUNGER BRAND GUIDELINES

Marketing Templates

Flyer Templates

Fact Sheet

Examples: Marketing The Drive

Examples: Marketing The Resource

Introduction

What’s Swipe Out Hunger?

Swipe Out Hunger is the national nonprofit powering the movement to end college student hunger. We collaborate with colleges, legislators, and the greater community to address student food insecurity by championing hunger solutions, building an active network of campuses and partners, and evolving the narrative around today’s college students. Since 2010, Swipe Out Hunger has enabled 12.3 million meals across more than 800 campuses throughout North America.

The following outlines guidelines for a standardized Swipe Out Hunger brand – designed to ensure that all communications strengthen and extend our mission. We hope these resources will help us elevate our message and unify all aspects of our work.

If you have questions about these guidelines, run into trouble deciding which logo to use or need help with branding or design for an upcoming opportunity, please email our Director of Communications at [email protected].

Tagline

Our tagline is a summary statement of our mission and promise to the people we serve.

We encourage you to feature the tagline in all of our branded materials and set the tone for how we present Swipe Out Hunger’s success stories and opportunities.

When using the tagline in writing, it should be highlighted in italics. If set off from inline text, the tagline should always appear on two lines (with a break after “real”) and left-aligned.

Visual Identity

Logo

Our logo is the core of the Swipe Out Hunger style and identity. Its forward slant symbolizes the forward movement of our organization and alludes to swiping a card.

The primary logo should only appear on white, green or light-colored solid backgrounds and photos. Avoid placing it on any other colors or patterns.

Primary Logo Download

*Minimum logo width: 75px

Logo On A Background

Dark Background

For use on black solid backgrounds or dark photos, use this specialized logo. Here the bounding shape is adjusted so the white background behind “HUNGER” is still aligned with the green shape above. Avoid placing it on light colors.

Dark Background Logo Download

Green Background

The top bar is reversed to white type on black holding shape. This version should only appear on the green solid background. Avoid placing it on any other colors.

Green Background Logo Download

Alternate Logos

A secondary logo mark containing the green stroke mark can be used when a two-color option is necessary for printing.

Green on White Download

Green on Black Download

Black on Green Download

Logo Lockups

We have two pre-approved lockups for using the logo and tagline in combination. The alternate horizontal lockup should be used for instances where vertical space is limited or tagline readability at small sizes may be an issue.

Primary Logo with Tagline Download

*Minimum primary lockup width: 200 px

Alternate Horizontal Logo with Tagline Download

*Minimum alternate lockup width: 260 px

Incorrect Logo Uses for Swipe Out Hunger National

DON’T change logo colors
DON’T skew logo proportions
DON’T add effects or new elements to the logo
DON’T isolate parts of the logo
DON’T place type or other graphic elements too close to the logo
DON’T place our logo on cluttered backgrounds

Typography

Barlow Condensed Bold is the typeface that makes up the Swipe Out Hunger logos and core identity.

Work Sans is a secondary font that should only be used as a complement to the primary type as body text.

The following samples, with copy-friendly CSS for web uses, represent a range of brand-friendly typography styles. Please refer to these specs or use pre-styled templates when preparing branded communications.

Office/Email

Arial Regular

Arial Bold

Arial Bold Italic

Highlight Style

Our “highlight” treatment, based on the shapes in our logo can draw attention to headlines or key points and reinforce our brand. In all uses, the highlight shape should be proportionally scaled and/or extended using a vector design program to work with the typography. Angles on the left and right ends of the shape should always be 83º.

Color Palette

Use the primary colors to promote all Swipe Out Hunger’s branded programs and services. The RGB, HEX and four-color process formulas (CMYK) are indicated on the color samples and may be used for print and electronic use.

Primary Colors

RGB: 66 234 18

HEX: #42EAB6

CMYK: 62 0 53 0

PANTONE: 332 U

RGB: 25 11 40

HEX: #190B28

CMYK: 84 86 51 69

PANTONE: Black 6 U

RGB: 244 446 101

HEX: #FF2E65

CMYK: 0 93 42 0

PANTONE: 1785 U

Campus Partner Templates

Swipe x Campus Partner Logo

Campus-specific logos are available for all institutions where Swipe Out Hunger has a presence, such as through a Swipe Chapter. These lock-ups may adopt school colors as pictured below and we encourage customizing so it will resonate on your campus. We’ve created a more accessible template on Canva that does not require Adobe Illustrator or similar design software, which you can see below (instructions included in the Canva template).

If you’re using a design program such as Adobe Illustrator, campuses with longer names should extend the holding shape to house the full college title. Select and drag the anchor points on the right side of the box. The shape should extend to the right of the last letter exactly one stroke width.

You may adopt the colors of your institution when customizing the campus partner logo. Colors are editable both in the Canva and EPS versions.

Download EPS version or Canva template.

Social Media Templates

Here are a few examples of templates for social media posts that you may use.

Campus Partner / Campus Pantry Templates

Get editable templates of these graphics to customize for your campus using Canva here.

Swipe Drive Templates

Get editable templates of these social media graphics and more to customize for your campus Swipe Drive program using Canva here. You can also use our Swipe Drive Flyer template on Canva here.

Branded GIFs

Feel free to use these animations across your digital materials.

Download these GIFS here.

Marketing Templates

Flyer Templates

Here are a few examples of templates for marketing flyers that you may use.

Get editable templates of these flyers and more to customize for your campus using Canva here.

You can also use our Swipe Drive Flyer template on Canva here.

Swipe Out Hunger Fact Sheet

Our one-pager may be a helpful template for you to have on-hand at your stakeholder meetings, Swipe Drives, and other touchpoints.

Examples: Marketing The Drive

We have also included creative sample flyers and graphics below from our campus partners to promote their Swipe Out Hunger programs. We encourage you to adapt these materials to your campus’ needs. We hope these examples serve as helpful inspiration for your graphics!