Why Legacy Fund looks the way it does
The Legacy Fund is a grantmaking foundation site with a big serif headline, a faint grid and a warm neutral palette with deep green. It looks like a private bank's letterhead and gives donors a sense of permanence.
- Built for
- Families, advisors and companies setting up endowments or donor-advised funds, and nonprofits applying for grants.
- Navigation
- Centred logo with the menu on a rule below, editorial style. On phones, a bottom tab bar plus a quick-links launcher.
- Pages
- Home, About, Visit, Funds, Stories, Events, Give, Contact
- Hero
- Centred headline over a three-photo collage.
Typography
Crimson Pro at semibold sets the headline at about 100 pixels. It is a traditional book serif with a sharp, readable shape. Inter handles body text and the interface. The serif gives weight and the sans keeps the details clean.
Colour
The page is warm white (#FBF9F4) with near-black text (#1C1B19), deep green (#0F3D3E) for buttons and brass (#B08D57) as an accent. The dark theme uses a muted teal (#6FB3B0) and lighter brass (#D2B27A). Deep green and brass are traditional colours for wealth and permanence.
Layout and navigation
A centred logo and name sit above six links, with a green Give button. A faint graph-paper grid is behind the hero. A stats band reports $62M in assets, 1,100 grants and 38 years of giving. Outlined cards and thin rules divide the sections.
The hero
The hero is centred and type-only. 'Generosity, built to last.' appears on two lines, followed by a sentence about endowments, donor-advised funds and grants. A chip at the bottom left shows the next donor services session.
Calls to action
'Open a fund' is a solid green button and 'Grant guidelines' is outlined. The first speaks to donors, and the second to applicants. The wording is exact, which suits an audience that reads carefully.
Photography
The hero has no photograph, because a foundation's credibility comes from numbers and history more than from pictures. Mountain landscapes appear lower, and a real foundation should add portraits of donors and grantees with their stories.
Accessibility
Near-black on warm white is about 16.4 to 1, and white on deep green about 11.9 to 1. The grid is faint and sits behind the paragraph, so a real build might fade it near text. Contrast stays above 15 to 1 in dark mode.
Type system
- DisplayCrimson ProCrimson Pro looks like a good book, which gives a thirty-year-old foundation a sense of continuity.
- TextInterInter keeps fund names, figures and grant criteria easy to read.
Colour and contrast
Each text pairing is checked against WCAG 2.2 in both themes. Ratios are computed from the exact theme colours.
