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.

*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.

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.

Alternate Logos

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

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.

*Minimum primary lockup width: 200 px

*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

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).

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).

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

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.