Metcalf Foundation

The desktop homepage features a large hero image of a diverse crowd of people in front of a red building, overlaid with a bright blue banner containing the headline 'Investing in people, ideas, and actions to build a just, healthy, and creative society'. A white navigation bar at the top includes the Metcalf Foundation logo and links for About, Work, News & Events, Ideas, and Grants, alongside a search icon.The mobile version presents a vertically stacked layout, starting with the Metcalf Foundation logo, a search icon, and a hamburger menu icon. The hero section features the same crowd imagery and blue headline banner, followed by an 'About' section with descriptive text on a white background.

The Metcalf Foundation website serves as a sophisticated digital hub for a philanthropic organization dedicated to social change in Canada. Its purpose is to communicate the foundation's impact across three core pillars—the environment, inclusive local economies, and the performing arts—while providing resources such as grant databases, research publications, and news updates for stakeholders and community leaders. The visual identity is characterized by a clean, professional, and authoritative aesthetic that balances institutional credibility with human-centric warmth. By utilizing large-scale, high-quality photography of real people and community gatherings, the design moves away from cold corporate tropes toward a more empathetic and engaged brand persona. The bold use of a primary blue accent color and structured typographic hierarchy ensures that complex information remains accessible and organized for an audience of policymakers, non-profit leaders, and researchers.

Industry

Design

Typefaces
Colors
Buckets
Palette
#FEFEFE
#150D0D
#0169C7
#8B7771
#AFB1A9
#583F3C

Technology

Caching
  • WP Rocket
CDN
  • jsDelivr
Databases
  • MySQL
Hosting
Page builders
Programming languages
Reverse proxies
  • Nginx
UI frameworks
Web servers
  • Nginx
WordPress plugins
Pagespeed
Desktop
96
Performance
87
Accessibility
100
Best Practices
92
SEO
Mobile
74
Performance
87
Accessibility
100
Best Practices
92
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request. Privacy Policy.