Framer Websites
ServicesPricingWorkBlogAboutBook a Call
Framer Websites

The Framer-first web design agency. We build high-converting websites exclusively in Framer for B2B companies.

Services

  • Landing Pages
  • SaaS Websites
  • Corporate Sites
  • Portfolio Sites
  • Website Redesigns
  • All Services

Industries

  • SaaS
  • Healthcare
  • Non-Profit
  • Fintech
  • E-Commerce
  • All Industries

Compare

  • Framer vs Webflow
  • Framer vs WordPress
  • Framer vs Squarespace
  • Framer vs Wix
  • All Comparisons

Company

  • About
  • Pricing
  • Blog
  • Contact

© 2026 Framer Websites. All rights reserved.

PrivacyTerms
← Back to blogIndustry Guides

Foundation Website Design: A Complete Guide

May 9, 2026
Foundation website design

Foundation website design is unlike any other nonprofit category. Private and family foundations need to communicate giving priorities, demonstrate impact through grantee work, and either invite proposals or clearly explain why they don’t accept them. The best foundation sites in 2026 lead with clear focus areas, surface a grantee directory, link 990 filings transparently, and treat board profiles as primary trust signals.

Foundations are not charities, and the website should reflect that

The instinct for many designers is to treat a foundation website like a charity website: prominent donate button, beneficiary photos, fundraising appeals. That model is wrong for almost every private and family foundation. Foundations don’t take donations from the public. They distribute assets according to a defined mission and strategy, often from a corpus established by an individual, a family, or a corporation.

Once that distinction is clear, the design implications follow. The home page is not asking for money. It is explaining a giving philosophy, showing the work funded by past grants, and routing two specific audiences: prospective grantees who want to know if and how to apply, and stakeholders (donors to the foundation, board members, partners, journalists) who want to evaluate impact and governance.

Focus areas as the central content

The first thing a foundation website needs to communicate is what it funds. Education? Climate? Health? Workforce development? Arts? Within those broad areas, what specific subfields? K-12 education in California, or early childhood literacy nationally? The clearer the focus, the more useful the site is to grantees and the more credible it is to peers.

The pattern that works is a Focus Areas or Programs section in primary navigation, with a dedicated page for each program. Each page should explain the strategic theory of change (“We believe high-quality early childhood education narrows opportunity gaps, so we fund evidence-based pre-K programs in three states”), list current grantees in that area, link to relevant evaluations or research, and clarify whether the foundation is accepting new proposals in that area.

Many foundations have evolving priorities, and the site should make this visible. A current “Strategy 2024-2027” or “Funding Priorities” page that explicitly states what is and isn’t in scope saves grantees from wasting application effort and saves program staff from sorting through misaligned proposals.

Grant application: open, closed, or invitation-only

One of the most important pieces of information on a foundation site is the answer to a single question: do you accept unsolicited proposals? The three common answers, each requiring different design treatment.

Foundations with open applications need a clear “Apply for a Grant” path. The application page should explain eligibility (geographic, organizational type, mission alignment), the application process (Letter of Inquiry, full proposal, deadlines), grant size ranges, typical funding cycles, and what the foundation funds (operating support, project support, capital, capacity building). The application portal itself, often hosted by Fluxx, Foundant, GivingData, or Submittable, should be linked clearly with technical requirements visible upfront.

Foundations with closed or invitation-only giving need to say so prominently. A clear notice on the home page or in the Grants section (“The Smith Family Foundation does not accept unsolicited proposals. Grants are made by invitation based on existing partnerships and ongoing strategic priorities.”) respects grantee time and communicates the foundation’s approach. Hiding this information forces nonprofits to figure it out by exhaustion, which is a courtesy issue. For deeper coverage of nonprofit and foundation web patterns, see the nonprofit website design guide and the nonprofit web design agency overview.

Foundations that operate hybrid models (open in some focus areas, invitation-only in others) need to make the distinction explicit on each program page.

Letters of Inquiry as the standard first step

Most major foundations use a two-step process: a short Letter of Inquiry that screens for fit, followed by an invitation to submit a full proposal if there’s alignment. The website should explain this process clearly, link to LOI guidelines, surface deadlines, and clarify the typical timeline (LOI to decision is often 3-6 months).

The grantee directory: your best content

A searchable grantee directory or grants database is one of the strongest pieces of content a foundation can publish. It serves multiple audiences: prospective grantees evaluating fit, peer funders looking for co-funding partners, journalists researching philanthropic impact, and board members reviewing portfolio coverage.

The directory should be filterable by focus area, year, geography, and grant size. Each entry should include grantee organization name, grant amount, grant period, focus area, and a one-sentence description of the funded work. Links to grantee organization websites are courtesy and encourage transparency about who is in the foundation’s portfolio.

Many foundations now publish grants databases going back 10+ years. The MacArthur Foundation, Ford Foundation, Hewlett Foundation, and Robert Wood Johnson Foundation all maintain searchable, filterable grants databases as central features of their sites. Smaller family foundations can implement simpler versions: a sortable table, a year-by-year list, or a CSV download of all grants made.

Financial transparency and 990 filings

Foundations are tax-exempt under IRC 501(c)(3), and as private foundations they file Form 990-PF annually with the IRS. These filings are public information and contain detailed disclosures: total assets, total grants paid, all grantees, officers and directors, compensation, and investment activity. Best practice is to link the most recent five years of 990-PFs directly from the website, typically in an /about/financials or /accountability section.

Pair the 990s with audited financial statements (where the foundation produces them), an annual report or impact report, and a clear governance page listing trustees, officers, and senior staff. Some foundations also publish their investment policy, conflict of interest policy, and grantmaking guidelines as part of this transparency layer. The Foundation Center (now Candid) maintains aggregate filings, but linking direct PDFs from the foundation’s site signals proactive transparency.

Board and leadership profiles

Board profiles on a foundation website carry more weight than on most other organization types. Trustees set strategy, approve grants, and steward the foundation’s reputation. The credentials and backgrounds of trustees signal the foundation’s seriousness and direction.

The pattern that works: photo, name, title (within the foundation, e.g., Chair, Treasurer), professional background or current affiliations, and a short narrative on why they serve. For family foundations, the relationship to the founding family should be clarified appropriately. For independent or community foundations, professional bios with relevant experience signal expertise.

Senior staff profiles deserve similar treatment, especially the President or CEO and program officers. Program officers are often the primary contact for grantees, and visible profiles help nonprofits understand who they would be working with. For more on how mission-driven organizations structure leadership pages, the nonprofit website templates guide includes relevant patterns.

Impact storytelling without ego

The hardest balance on a foundation website is showing impact without overclaiming. Foundations don’t do the work; their grantees do. Smart foundation impact pages center the grantee, name specific outcomes, and credit the work to the people doing it. The foundation’s role is funding partner, capacity supporter, learning partner, not protagonist.

Annual reports are the most common format. The strongest foundation annual reports profile a handful of grantees in depth, share aggregate portfolio data, name lessons learned (including what didn’t work), and articulate the strategic direction for the next year. Glossy reports that read as foundation marketing without grantee voices land badly with peers.

Video stories from grantees, photo essays, and short case studies in the Stories or Impact section work well when they prioritize the grantee’s perspective. The Bezos Earth Fund, Walton Family Foundation, and Open Society Foundations each handle this differently but consistently lead with grantee voice rather than internal foundation narrative.

News, publications, and convening

Many foundations publish research, host convenings, and issue strategic statements. The website should treat this as a content category: News, Publications, or Insights. Original research from foundation-funded projects, white papers from grantees, transcripts from convenings, and public statements from leadership all belong here.

This content is also the foundation’s primary lever for thought leadership in its focus areas. A community foundation that publishes regular research on local economic conditions builds credibility with funders, policymakers, and the general public. A health foundation that issues annual reports on care access in its region becomes a recognized authority. The publications section is not a marketing channel; it is a substantive contribution to the field.

Information architecture for foundation sites

The navigation pattern that works: About, Focus Areas (or Programs), Grants (with Apply or Grants Database depending on model), Impact (or Stories), News & Insights, Financials & Accountability, Contact. Footer should include 501(c)(3) designation, EIN, principal office address, and links to recent 990s.

The home page should surface the foundation’s mission, current focus areas, recent grants or stories, and a clear path for grantees (apply or learn why we don’t accept proposals). Avoid donation calls. For broader patterns on industry-specific website design including foundations and other mission-driven organizations, see the nonprofit industry overview from Framer Websites.

Frequently Asked Questions

Should foundation websites have a donate button?

For private and family foundations, generally no. They distribute assets, they don’t fundraise. Community foundations are the exception: they actively raise donor-advised fund contributions and unrestricted gifts, and a clear donate or open-a-fund path is appropriate. Operating foundations and corporate foundations vary depending on whether they accept outside contributions.

How transparent do foundations need to be about their giving?

Form 990-PF filings are already public, so all grants are technically disclosed. The question is how easily accessible the foundation makes that information. The trend is toward more transparency: searchable grants databases, downloadable CSVs of grants, and proactive publication of strategy documents.

Do foundations need a contact page if they don’t accept proposals?

Yes. Journalists, peer funders, current grantees, and board members all need a way to reach the foundation. The contact page should make clear that unsolicited proposals are not accepted (if that’s the policy) while still providing legitimate channels for media, governance, and existing partners.

What’s the right CTA for a foundation home page?

It depends on the model. For open-application foundations, “Apply for a Grant” or “View Funding Guidelines.” For invitation-only foundations, “View Our Grants” or “Read Our Strategy.” For community foundations, “Establish a Fund” or “Learn About Donor Advised Funds.” A donate button on a private foundation site is almost always the wrong CTA.

Should foundations publish their staff salaries?

Officer and director compensation is already disclosed on the 990-PF, which is publicly available. Some foundations go further and publish staff compensation data on their site as a transparency measure. Most do not. The trend is toward more disclosure, especially among larger foundations.

  • Foundations are not charities, and the website should reflect that
  • Focus areas as the central content
  • Grant application: open, closed, or invitation-only
  • Letters of Inquiry as the standard first step
  • The grantee directory: your best content
  • Financial transparency and 990 filings
  • Board and leadership profiles
  • Impact storytelling without ego
  • News, publications, and convening
  • Information architecture for foundation sites
  • Frequently Asked Questions
  • Should foundation websites have a donate button?
  • How transparent do foundations need to be about their giving?
  • Do foundations need a contact page if they don’t accept proposals?
  • What’s the right CTA for a foundation home page?
  • Should foundations publish their staff salaries?
  • Foundations are not charities, and the website should reflect that
  • Focus areas as the central content
  • Grant application: open, closed, or invitation-only
  • Letters of Inquiry as the standard first step
  • The grantee directory: your best content
  • Financial transparency and 990 filings
  • Board and leadership profiles
  • Impact storytelling without ego
  • News, publications, and convening
  • Information architecture for foundation sites
  • Frequently Asked Questions
  • Should foundation websites have a donate button?
  • How transparent do foundations need to be about their giving?
  • Do foundations need a contact page if they don’t accept proposals?
  • What’s the right CTA for a foundation home page?
  • Should foundations publish their staff salaries?

Related guides

All Industry Guides →

Moving Company Website Design: A Complete Guide

Moving company website design is the practice of building a fast, trustworthy site that turns stressed movers into booked quotes. The strongest moving sites lead with instant quote requests, clear service and service-area pages, real reviews that defuse fear of damage and hidden fees, and a mobile-first layout, frequently built in Framer for speed and […]

Dermatology Website Design: A Complete Guide

Dermatology website design is the practice of building a clinical site that reassures patients, showcases treatment expertise, and makes booking effortless. The best dermatology sites combine clean medical credibility, clear service pages for conditions and cosmetic procedures, real before-and-after proof, and a fast booking flow, often built in Framer for speed and easy updates. What […]

Mortgage Broker Website Design: A Complete Guide

Mortgage broker website design is the practice of building a fast, trust-driven site that turns rate-shopping visitors into pre-qualified loan applications. The strongest broker sites pair clear loan-product pages, live calculators, lender credibility signals, and a frictionless quote form, all built on a platform like Framer that loads in under two seconds. Why Mortgage Broker […]

Coworking Space Website Design: A Complete Guide

Coworking space website design is the practice of building a clear, modern site that shows your space and community, explains membership options, and makes it easy to book a tour or sign up. A strong coworking site leads with real photos of the space and people, lays out membership tiers transparently, and puts a “Book […]

Yoga Studio Website Design: A Complete Guide

Yoga studio website design is the practice of building a calm, welcoming site that communicates your studio’s vibe, makes the class schedule easy to read, and turns visitors into booked students. A strong yoga site leads with atmosphere and a clear schedule, then makes signing up for a first class effortless on a phone. Key […]

Art Gallery Website Design: A Complete Guide

Art gallery website design is the practice of building a quiet, image-led site that puts the artwork first, makes artists and exhibitions easy to browse, and lets collectors inquire or buy without friction. A strong gallery site uses restrained typography, generous white space, and high-resolution imagery so the work, not the interface, holds the visitor’s […]

Ready to build your Framer website?

Book a free strategy call to discuss your project.

Book a Strategy Call