Skip to Main Content
  • Agency Login
  • Find Food
  • Donate
Greater Chicago Food Depository
  • Agency Login
  • Find Food
  • Donate
  • Programs & Services
    • Find Food
    • Job Training
      • Request Information
      • Chicago’s Community Kitchens
        • Restaurant and Hospitality Partners
    • Benefits Outreach
      • Resources for SNAP Recipients
      • Common Questions about Benefits
      • P-EBT Benefits
      • WIC EBT
    • Children’s & School-Based Programs
      • School Year
      • Summer/Lunch Bus
    • Older Adult Programs
    • Veterans Programs
    • Nutrition Education
    • Food Pantries & Mobile Programs
  • Get Involved
    • Financial Support
      • Impact
      • Partners for All Seasons
      • Tribute & Memorial Giving
      • Matching Gifts
      • Donor Advised Funds
      • Gift Planning
      • P2P Fundraising
      • Stock Gifts
      • Frequently Asked Questions for Donors
    • Volunteer
      • Corporate Volunteerism
      • Court Ordered Service
      • Frequently Asked Questions
    • Upcoming Events
      • Special Events
      • Cause Marketing Partnerships
    • Advocacy
      • Take Action
      • Success Stories
      • Advocacy Webinars
    • Food Drives
    • Corporate Support
      • Food Industry Donations
      • Corporate Recogniton
      • Employee Engagement
      • Corporate Financial Support
      • Cause Marketing Partnerships
      • Corporate Volunteerism
    • Start a Program
      • Agency Resources
    • Email Sign Up
  • About
    • What We Do
    • History
    • Hunger in Our Community
      • COVID-19 Data Map
      • Studies
      • Map of Poverty & Food Insecurity
      • Community Data Map
      • Other Resources
    • News & Press
    • Blog
    • Our Brand
    • Annual Reports & Financials
    • Nourish Campaign
      • Campaign FAQs
      • Nourish Campaign Brochure
    • Our Team
      • Leadership Team
      • Board Members
      • Hack Hunger Steering Committee
      • Careers
      • Internships
      • Hunger Action Corps
  • Contact
    • Take a Tour
    • Supplier Information
  • Agency Resources
  • Page Blocks
  • Style Guide
  • Content Styles
  • 2019 Rebrand Style Guide

Intro style, for optional intro highlight type copy. Should only be a few lines long, and let the reader know what they’re about to get into. Plus, it looks great! Use this instead of an H4.

Example paragraph label text.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, ‘Example Document Title’ (PDF), like this.

Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a technical page that lists all important information on image sizes, fonts, and colors.

Header 2, Used for New Sections

You’ll notice there is a bit of extra space above the Header 2 above. This is done by putting in a line-break. This visual break can be nice when starting a new section of content. You’ll learn how to insert these in training, but you can see them in the HTML view as well. They’ll look like this: <br/>.

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
    • You can also create lists inside of a list.
    • Just like this!
  • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Header 3, Used for Smaller Sections or Sub-Sections

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Images can not only be attached using the sidebar feature on the right, but they can also be inserted into the center content area like the image to the right has been. You have the ability to align the image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it. Don’t forget to put a bit of padding on it, so the text doesn’t butt right up next to it.

Blockquotes can be used to call out quotes. Be sure to put an author at the end if there is one. Using all caps or bolding the authors name, and putting an em dash before it works well.

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style can be Great for Callouts

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

HEADER 6, LABEL-TYPE HEADER AS SEEN ON HOMEPAGE, SHOULDN’T NEED FOR INTERIOR PAGES.

Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum.

Orange Button

Green Button

Orange Ghost Button

Green Ghost Button

Image
Nullam id dolor id nibh ultricies vehicula ut id elit.
Online Ordering for Agencies

Online ordering makes it easy for Food Depository member agencies to place their orders. Note: Your username and password for online ordering are different from your username and password for this site.

Log In for Online Ordering

Recall notices

Stay up to date on food recalls that may affect your programs. Find recall notices for products distributed in local retailers.

View Recall Notices

Greater Chicago Food Depository
4100 W. Ann Lurie Place
Chicago, IL 60632
Get Directions
Get Directions
Greater Chicago Food Depository
  • Programs & Services
  • Get Involved
  • Hunger in Our Community
  • About
  • Contact
  • En Español
  • Store
  • Agency Resources
  • Join Our Team
  • Staff Login
  • BoardEffect Login
  • Privacy Policy
  • Sitemap

4100 W. Ann Lurie Place
Chicago, IL 60632
Phone: 773.247.3663

Find Food

Get Involved

The Food Depository is a 501(c)3 charitable organization.
Federal Tax ID (EIN): 36-2971864

© 2021 Greater Chicago Food Depository
  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube