Sample 04 · Youth arts

Harborlight Youth ArtsA sample youth-arts website. The organization is invented.

After-school arts programs for about 1,100 young people on a working waterfront: a print shop, a clay room, a darkroom. Four staff, a $600K budget, a board of nine. The first sample we built and the deepest, thirteen pages, because it had to show everything a nonprofit site can do.

The invented organization
  • KindYouth arts education, after-school and summer
  • BudgetAbout $600,000; FY2025 expenses $596,900
  • Staff4, plus 6 paid apprentices
  • Pages13, all staff-editable where it matters
  • Look"Print shop": flat poster colour, heavy type, hard rules. No photography needed to look finished
  • Real?No. Every person, number and document is invented and labelled
The Harborlight Youth Arts home page: a studio on the waterfront, the numbers 1,140 and $0 on coloured tiles
Brand sheet

One name, one look, one voice.

Every sample has its own brand, set once and used the same way on every page, from the home page to the financials. It is the same work we do for your organization.

  • A name and a wordmark, set in one display type
  • Four or five colours, each with one job
  • One type for reading, chosen for the people the site serves
  • One line that says what the organization does, used in search, listings and the share preview
Harborlight Youth Arts

Free after-school and summer art programs for young people in Astoria, Oregon.

Cream#F2EFE9
Ink#111111
Orange#E4572E
Teal#17BEBB
Yellow#FFC914
Display
Archivo
Text
Newsreader
What to try

Six things to press, in order.

Each one is a working feature, and each one is an example of what we build. Nothing you do on the site is recorded.

01

Enrol in a program that is full

The programs page reads each program's places and switches its button by itself: Enrol, Waitlist, or Notify me for one that opens next spring. The form checks the young person's age against the program and lists what a real site would do next.

Try: open the link, press "Fill with a sample family", submit. Then change the age to 9.
The enrolment form, preset to a full program →
The enrolment form on the sample site with the program choice showing 'Join the waitlist'
02

Shows and student work staff edit

Upcoming shows drop off after their date. The gallery only shows pieces with guardian permission on file, because the consent lives in the data, not in a note. Staff add a show or a piece from one screen.

Try: filter the gallery by program; download a show's calendar file.
Shows and student work →
The Shows page: upcoming events with calendar links, and a filtered gallery of student work
03

The financials page

The three most recent Form 990s newest first, the audit, the determination letter, Schedule B with names withheld. Sizes are read from the files. If a number on the site disagrees with the filing, the page says the filing is right.

Try: filter by year; open a 990. Every page of it is labelled as a sample.
Financial transparency →
The financials page: 'Here is the money', the expense split and the list of filings
04

The give panel

Monthly or once, four amounts or your own, a tribute line. The button and the "what it covers" line follow your choice. There is no processor, on purpose: the organization is not real, so the only action is an email.

Try: choose once, type 1,200, watch the button. Then clear the amount.
Donate →
The Donate page: a give panel with monthly and one-time options and an expense split
05

What search reads

A page a real nonprofit would not put on its home page, and the clearest way to show the search layer: every page's title, description and structured data, explained in plain words, with the official test links.

Try: read the row for Programs; open the Rich Results Test link.
Search preview →
The search-preview page: 'What search reads', with a count of pages and how to read each row
06

Impact with a method, and what did not work

Five numbers, each with how it was counted; a survey with its response rate; a section on what the organization cannot prove and what it tried that failed. The honest version of an impact page.

Try: read "What we cannot prove".
Impact →
The Impact page: metrics each with a method line
The staff side

Sign in. No password. Nothing you change is saved.

The button below signs you in to the real staff area as sample staff. You see what Harborlight's staff would see: one menu, a tile per tool, and the checks.

  • 01Tiles for Programs, Events, Student work, Volunteer roles and shifts, Financial documents, Year-end statements
  • 02A strip at the top: what needs attention today, and how many checks are clear
  • 03Year-end donor statements from sample Stripe payments: Ready, Check, Fix, and a demo Send that writes nothing
  • 04Press Update on anything and the screen says "Nothing was saved", and explains what a real site would do
Open the staff preview →
Year-end statements — every donor is invented
The year-end statements staff screen: counts of statements ready and to check, and a list of sample donors with a status each
Sample video

Four o’clock on Wharf Street.

A sample of the one-minute videos in the plan: the rooms, the year, and where the money went, told from the organization’s own numbers.

  1. 1You send the photos and clips you already have, and a line or two on what the video is for: year-end giving, volunteers, an event, the story in your 990.
  2. 2We write a one-minute script from what is on your site and in your filing, and send it for your yes.
  3. 3We make it within one week of getting your material: about a minute, wide and vertical, captions burnt in, and a text version for your site.

Up to five a year are in the plan, at no extra charge. The first five nonprofits can have one free: see the offer →

Sample video. Harborlight is invented, so it has no footage of its own: the clips are free stock (Pexels), no student is shown and no face appears, and the narration is a synthetic voice. For a real organization connectNPO uses only the photos and clips its staff send.

Read the script instead (about one minute)

Four o'clock on Wharf Street.

This is Harborlight Youth Arts... four eighteen Wharf Street, Astoria, since two thousand eleven.

Six programs, ages eleven to eighteen. What a family pays is nothing at all.

Drawing and ceramics downstairs. A printmaking and zine lab upstairs. A darkroom, a clay room... and a mural crew that gets paid.

Last year, one thousand one hundred and forty young people... thirty-eight thousand four hundred studio hours... twenty-one thousand six hundred hot meals.

Six apprentices, ten weeks, eighteen dollars an hour. Ten thousand eight hundred dollars in wages.

Of everything spent last year, eighty-one percent went to the programs. Twelve percent to management, seven percent to fundraising.

Sixty-two percent came back for a second term.

Every filing is on the site, free, with no form to fill in. Enrol a young person, volunteer, or give.

Sample video. Harborlight Youth Arts is invented and every figure is a sample. The clips are free stock (Pexels), no face is shown, the narration is a synthetic voice and the music is AI-generated. Made by connectNPO.

Built from these parts

What this sample shows that we build.

FORMS

Enrolment with live places

Open, N of M left, full → waitlist, not yet open → interest list.

FORMS

Volunteer interest with safeguarding

Roles, show shifts, the five steps before working with young people.

CONTENT

Programs, shows, gallery staff edit

Consent and capacity live in the data.

CONTENT

Videos placed from the data

A teaser per upcoming show; the section disappears when none is coming.

FINANCIALS

Three 990s, audit, letter, Schedule B

Labelled sample files; sizes read from the file.

FINANCIALS

For funders

At a glance, documents, the budget, the grant contact.

SEARCH

Search preview + structured data

NGO, courses, events; one organization node.

TRUST

Accessibility statement

Passed, partly, not yet, from real checks.

STAFF

One menu, tiles, checks

Plus two roles: staff, and staff with donor records.

STAFF

Year-end statements

Reviewed on one screen; hand-entered gifts too.

STAFF

Staff preview

A public button into the real staff area, read-only.

TRUST

Labelled as a sample everywhere

Banner, footer, every document page, every person invented.

The other fourteen

Close to your nonprofit?

Tell us what yours needs that Harborlight does not show. In writing, in your own time; we reply within one business day.

Start here

What you have, what is missing, which sample is closest. No account, no call to book.

Tell us what you need →