← Back to blogIndustry Guides

Foundation Website Design: A Complete Guide

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.

Ready to build your Framer website?

Book a free strategy call to discuss your project.