ACR Foundation
Design System
Token reference — not linked in production navigation
Colour Palette
Bayou Green
#0B3B2E
Championship Gold
#D4AF37
Bone White
#FAF7F2
Near-Black
#0A0A0A
bayou-50
bayou-100
bayou-200
bayou-300
bayou-400
gold-50
gold-100
gold-200
gold-300
gold-400
Typography — Fraunces (Display) + Inter (Body)
display-2xl / Fraunces / Hero
Empowering Girls
display-xl / Fraunces / Section headline
Our Impact
display-lg / Fraunces / Subsection
Sports · Education · Financial Literacy
display-md / Fraunces / Card headline
Angel's Care Closet
scoreboard-lg / Fraunces / Tabular numerals
$190K+
scoreboard-md / Fraunces / Tabular numerals
3,000+
body / Inter / 18px
The Angel C. Reese Foundation invests in the next generation of leaders through sports, education, and financial literacy programs across Baltimore, Chicago, and Baton Rouge.
caption / Inter / 12px / tracking-widest
501(c)(3) Nonprofit · EIN 93-2046814
Buttons
Donation Amount Cards (M2 component preview)
$25
School supplies for one student
$50
A full backpack with supplies
$100
Care Closet essentials for one family, one month
$250
Winter coats for five kids in Chicago
$500
Scholarship contribution for a St. Frances Academy student
Other
Choose your own amount
$100 pre-selected · monthly pre-selected
Impact Scoreboard (M2 with count-up animation)
$190K+
invested in girls
3,000+
kids reached
$50K+
in scholarships
20+
partner organizations
3
cities served
Sponsor Wall (normalized height, grayscale → colour on hover)
(logo placeholder)
(logo placeholder)
(logo placeholder)
(logo placeholder)
(logo placeholder)
Motion (Framer Motion in production — CSS fallback shown here)
Hover lift — cards
M1 design system — all tokens locked. M2 wires Framer Motion, count-up animation, and Ken Burns effect on real photography.