The Alder Foundation: a foundation site with grant programs, grantees, impact stories and annual reports

For each Raytha use case we take a realistic brief, hand it to an AI agent with the raytha CLI, and publish what comes out: the site, the files behind it, and a kit you can use to rebuild it yourself. This one is the website for a grantmaking foundation: its mission, its grant programs, the organizations it funds, stories about their work, annual reports and the guidelines for applying.

The agent built it on a fresh Raytha 2.0.1 instance. Nobody opened the admin. Every template, content type, item, page and menu went in through the CLI, from files in a directory.

What was built

The Alder Foundation is a fictional private foundation that funds community-led work in one river valley. The site has:

• A home page with the mission and three values, cards for the five grant programs with their grant sizes and deadlines, the foundation's numbers counting up, a featured impact story, the largest grants of the year and the latest annual report.
• A page for every grant program: who can apply, what it funds and what it doesn't, a box with the next deadline, grant size, grant length and budget, then the program's grantees and its impact stories.
• A grantee database of every grant since 2023. Filter it by program, year and region in any combination; the total and a bar chart by program update to match, and a button downloads the filtered list as a CSV file.
• A page for every grantee with the grant amount, length and region, what the grant is for, the program it came from, related stories and other grantees in the same program.
• Impact stories, each tied to a grantee and a program, with an illustration, a pull quote, a key number and a copy-link button.
• Annual reports for four years, each with its totals, highlights, a letter from the president, and the year's grants by program, drawn from the grantee database. "Download PDF" opens the browser's print dialog with a print stylesheet, so the report saves as a clean PDF without storing a file.
• How to apply: what the foundation does and doesn't fund, every program's deadline and status, a five-step timeline from first call to first payment, and an applicant FAQ.
• An About page with the foundation's story, numbers, promises to applicants and staff.

Applications. The site collects nothing. "Open the grants portal" goes to an external placeholder link, marked with an external-link icon and a note saying so.

The design is warm and editorial: paper-coloured backgrounds, deep forest green and rust, with tree-ring and leaf motifs. Headlines are set in Newsreader, a text serif with an italic for emphasis, and text in Inter Tight. The six story illustrations are generated as SVG, so every image is license-free. On a 390px phone the filters wrap into chips, the grantee rows stack and the reports stay readable.

How the grantee database and reports work

The programs, grantees, stories and reports all link to each other, so one edit shows up everywhere:

1. Each grantee has a relationship field to its program, dropdowns for year and region, and a number field for the amount.
2. The grantees page is a list view. Its template reads ?program=, ?year= and ?region=, checks each against the allowed values, keeps the other filters when you change one, and adds up the totals for whatever matches.
3. Program pages and report pages read the same grantees with get_content_items and filter them by program or year, so adding a grant puts it on its program page, its year's report and the home page totals.
4. Each story has relationship fields to its grantee and its program, so a story shows up on both pages.

Features, and the Raytha features behind them

The brief

This is the brief, as given to the agent.

Build a website for a grantmaking foundation on a fresh Raytha instance with the raytha CLI. No clicking around the admin.

Look and feel

• Visually impressive, with a design of its own. No wide display fonts.
• Responsive. It has to look good on a phone as well as a desktop.

Content and pages

• The foundation's mission.
• Grant programs, each with who can apply, what it funds and its deadline.
• Funded grantees, and impact stories about their work.
• Annual reports.
• Grant application guidelines.

Done means

• raytha check passes with no broken routes.
• Screenshots of the result on desktop and mobile, and a walkthrough video.
• A kit in the examples repository that rebuilds the site on a fresh install.

How long it took

About an hour of agent time, from an empty install to raytha check passing on every route, including the visual design, the generated illustrations, the grantee filters, the reports and writing all 59 items.

Rebuild it yourself

The theme, schema, seed content, illustration generator, page definitions and menus are in the raytha-examples repository, with a build.sh that rebuilds the whole site into any Raytha 2.x instance. Point it at your site with RAYTHA_URL and RAYTHA_API_KEY and run it.