Brand Style Tile
ANIDA Food Bank
Website Design System — 2026
Logo
On Dark Background
On Brand Colour
Colour Palette
Orange
#E14429
Primary CTA, accents, headings
Red
#CF0404
Hover states, gradient end
Dark
#1A1A1A
Body text, dark sections
Mid Grey
#555555
Body copy, subtext
Off-White
#F2EDE9
Section backgrounds
Heading Typeface — Jost
Display / Hero
Food Today.
Hope Tomorrow.
Hope Tomorrow.
H1 / 800
Nourishing Our Community
H2 / 700
More Than Non-Perishables
H3 / 700
Fresh Produce & Dairy
H4 / 700
Toronto Location
Eyebrow
What We Do
Body Typeface — Raleway
At ANIDA Food Bank, we provide safe, nutritious food to community members experiencing food insecurity — with no judgment, no barriers.
Large / 400
Body large — 1.05rem, line-height 1.75
Base / 400
Body base — 0.9rem, line-height 1.7
Small / 400
Body small — 0.78rem, line-height 1.65
600 / Semibold
Semibold body — labels, emphasis
Jost — Weight Scale
300 / Light
ANIDA Food Bank
400 / Regular
ANIDA Food Bank
500 / Medium
ANIDA Food Bank
600 / Semibold
ANIDA Food Bank
700 / Bold
ANIDA Food Bank
800 / ExtraBold
ANIDA Food Bank
Button System
Ghost
Get Food Support
Form Elements
Card Components
Toronto Location
White card with gradient accent bar and icon
87.8%
Goes directly to programs
Volunteer
Give Your Time
Light Tint Card
#F2EDE9 background variant
Iconography — 2px Stroke
Location
Phone
Email
Hours
Volunteer
Donate
Trust
Check
Badges & Tags
Recurring
Toronto
Accepting
Volunteer
Upcoming
What We Do
Toronto
Gradients & Surfaces
Brand Gradient
Dark Gradient
Image Overlay
Tint Surface
Dark Glass
Spacing Scale
XS
4px
SM
8px
MD
12px
LG
20px
XL
28px
2XL
40px
Section
80px
Hero
96px
Border Radius
8px
Buttons SM
Buttons SM
10px
Buttons
Buttons
14px
FAQ Items
FAQ Items
20px
Cards
Cards
Shadow System
Subtle
0 2px 8px rgba(0,0,0,0.06)
Card
0 4px 24px rgba(0,0,0,0.08)
Hover
0 16px 40px rgba(0,0,0,0.1)
Brand Glow
0 8px 24px rgba(225,68,41,0.3)
Dark Section — #1A1A1A
With Your Help
The Numbers Behind Our Mission
Every contribution — whether food, funds, or time — directly fuels our ability to serve families in need.
87.8%
Goes to programs
100+
Volunteer hours/mo
3,082
Members helped
Light Section — #F2EDE9
How It Works
Register at our Toronto location
Book your visit by phone
Choose food tailored to your needs
Simple Steps to Get Support
Getting food support from ANIDA is straightforward, confidential, and dignified.
