SWIPE OUT HUNGER BRAND GUIDELINES
Introduction
What’s Swipe Out Hunger?
Tagline
Visual Identity
Typography
Logos
Color Palette
Campus Partner Templates
Social Media Templates
Social Media Examples
Branded GIFs
Marketing Templates
Flyer Templates
Fact Sheet
Examples: Marketing The Drive
Examples: Marketing The Resource
Contact
Introduction
What’s Swipe Out Hunger?
Swipe Out Hunger is the leading nonprofit addressing hunger among college students. Founded by a group of friends at UCLA in 2010, we have grown campus by campus into a national movement across all 50 states.
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
![](https://www.swipehunger.org/wp-content/uploads/2019/11/Tagline.png)
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.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo.png)
*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.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_dark-bg.png)
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.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_green-bg.png)
Alternate Logos
A secondary logo mark containing the green stroke mark can be used when a two-color option is necessary for printing.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_alt-white-bg.png)
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_alt-dark-bg.png)
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_alt-green-bg-1.png)
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.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_lockup-01.png)
*Minimum primary lockup width: 200 px
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_lockup-02.png)
*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
![](https://www.swipehunger.org/wp-content/uploads/2019/11/soh-logo_incorrect.jpg)
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º.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/Highlight.png)
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
![](https://www.swipehunger.org/wp-content/uploads/2020/04/Green-box.png)
RGB: 66 234 18
HEX: #42EAB6
CMYK: 62 0 53 0
PANTONE: 332 U
![](https://www.swipehunger.org/wp-content/uploads/2020/04/Purple-box.png)
RGB: 25 11 40
HEX: #190B28
CMYK: 84 86 51 69
PANTONE: Black 6 U
![](https://www.swipehunger.org/wp-content/uploads/2020/04/Pink-box.png)
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. These lock-ups may adopt school colors as pictured below and we encourage creativity and 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 access below (instructions included in template).
![](https://www.swipehunger.org/wp-content/uploads/2019/11/extended-chapter-template.png)
If you’re using a design program such as Adobe Illustrator, chapters 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. (see example using “I” to demonstrate stroke width).
![](https://www.swipehunger.org/wp-content/uploads/2019/11/college.png)
You may adopt the colors of your institution when customizing the chapter logo. Colors are editable both in the Canva and EPS versions.
![](https://www.swipehunger.org/wp-content/uploads/2019/11/colors.png)
Social Media Templates
Here are a few examples of templates for social media posts that you may use.
Campus Partner / Campus Pantry Templates
![](https://www.swipehunger.org/wp-content/uploads/2023/02/Pantry-Flyer-3-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2023/02/Official-Partner-Announcement-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2023/02/Pantry-Flyer-2-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2023/02/Food-Drive-Flyer-2-1024x1024.png)
Get editable templates of these graphics to customize for your campus using Canva here.
Swipe Drive Templates
![](https://www.swipehunger.org/wp-content/uploads/2023/09/Swipe-Out-Hunger-Swipe-Drive-Templates-1-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2023/09/Swipe-Out-Hunger-Swipe-Drive-Templates-14-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2023/09/Swipe-Out-Hunger-Swipe-Drive-Templates-6-1024x1024.png)
![](https://www.swipehunger.org/wp-content/uploads/2024/08/SDSU-Campus-Promo-Flyer-2024-791x1024.png)
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.
![](https://www.swipehunger.org/wp-content/uploads/2021/03/Image-from-iOS-1.gif)
![](https://www.swipehunger.org/wp-content/uploads/2021/03/Image-from-iOS-2.gif)
![](https://www.swipehunger.org/wp-content/uploads/2021/03/Image-from-iOS-3.gif)
![](https://www.swipehunger.org/wp-content/uploads/2021/03/Image-from-iOS.gif)
![](https://www.swipehunger.org/wp-content/uploads/2021/03/Swiping-Hand.gif)
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 to customize for your campus using 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!
Examples: Marketing The Resource
Contact Us
For all brand, creative, and administrative questions, please contact us:
Janelle Raymundo
Director of Communications
[email protected]