Pro Bono Web Engineering · High-School Freshman Studio

Fast, accessible static sites for charities that don’t have time for broken pages.

I'm Aariv, a high-school freshman. I started this small studio after noticing that local volunteer-run charities either had broken WordPress themes from 2014 or slow page-builder sites that buried basic answers like 'When is the pantry open?' or 'How do I foster a cat?' beneath 4 MB of JavaScript. Every site here is built for free, ships as hand-crafted static HTML & CSS with zero runtime dependencies, passes strict WCAG AA/AAA contrast checks, and loads in under half a second on a budget phone.

HTML + CSS Payload
< 18 KB gzipped
No React, no Tailwind runtime, no external webfont render blocking
Minimum Tap Target
48 × 48 px
Exceeds WCAG 2.2 Target Size rules for one-handed phone browsing
Body Contrast
≥ 7.2 : 1 (AAA)
Tested across warm paper backgrounds and high-glare outdoor screens
Lighthouse Score
100 / 100 / 100 / 100
Performance, Accessibility, Best Practices, and SEO verified pre-deploy

Shipped Nonprofit Case Studies

Showing 4 of 4 shipped nonprofit builds

CASE 01 Charity website · Free build · Mobile-first adoption & foster funnel
Screenshot of A foster-based cat rescue homepage layout and typography

A foster-based cat rescue

A warm, phone-first site for an all-volunteer foster cat network. Designed around the reality that 82% of their visitors arrive from Instagram or Facebook links on a phone and decide within ten seconds whether to apply to foster, browse cats, or donate.

#FBF8F3 (14.8:1)#1F1A17 (14.8:1)#9E3B24 (6.4:1)#254D38 (8.6:1)
HTML+CSS14.5 KB
LCP (4G)340 ms
Tap Target52×48px
Lighthouse 100 / 100 / 100 / 100 Inspect Engineering Spec →
CASE 02 Charity website · Free build · Zero-stigma emergency food access
Screenshot of A community food pantry homepage layout and typography

A community food pantry

Built for neighbors looking up distribution hours, bus routes, and eligibility rules—often on a prepaid phone with spotty data while standing outside or riding transit. Clarity, dignity, and large type come before everything else.

#F9F8F4 (16.2:1)#141A17 (16.2:1)#184532 (10.7:1)#FFF3D6 (10.9:1)
HTML+CSS12.8 KB
LCP (4G)260 ms
Tap Target54×48px
Lighthouse 100 / 100 / 100 / 100 Inspect Engineering Spec →
CASE 03 Charity website · Free build · High-trust medical fund & adoption showcase
Screenshot of A no-kill cat rescue homepage layout and typography

A no-kill cat rescue

No-kill rescues take in senior, diabetic, and injured cats that municipal shelters can't treat, which means vet bills are their biggest bottleneck. I designed this site around big, honest portrait photography and a persistent, transparent medical-fund donation path.

#FAF6F0 (15.6:1)#1B1918 (15.6:1)#8F2436 (7.8:1)#1F305E (12.4:1)
HTML+CSS15.5 KB
LCP (4G)370 ms
Tap Target48×48px
Lighthouse 100 / 100 / 100 / 100 Inspect Engineering Spec →
CASE 04 Charity website · Free build · Field manual for colony caretakers
Screenshot of A community-cat (TNR) rescue homepage layout and typography

A community-cat (TNR) rescue

When someone finds a litter of outdoor cats behind their apartment or workplace, they don't want cute animations—they need to know whether the kittens are old enough to trap, how to borrow a humane box trap, and which clinic takes ear-tip appointments tomorrow morning.

#F5F5F0 (15.9:1)#16181A (15.9:1)#173F73 (10.4:1)#FDF0D5 (12.1:1)
HTML+CSS15.7 KB
LCP (4G)280 ms
Tap Target50×48px
Lighthouse 100 / 100 / 100 / 100 Inspect Engineering Spec →

Interactive Studio QA Workbench

Test our charity color tokens and inspect static payload budgets right in the browser

Live WCAG 2.1 Contrast & Token Verifier

Load any charity site’s surface/ink tokens or tweak hex values to verify relative luminance ratios for outdoor phone screens.

Distribution Hours: Tue & Thu 4:00 PM – 7:00 PM

No ID or income paperwork required. Volunteers pack fresh produce, dairy, and shelf-stable groceries at the side entrance.

Ratio: 14.80 : 1 AA Body (≥4.5): PASS AAA Body (≥7.0): PASS AA Large/UI (≥3.0): PASS

Static Payload & Accessibility Audit Matrix

Every site is audited before handoff for sub-18KB HTML+CSS weight, AAA primary text contrast, and keyboard-navigable landmarks.

Case Study HTML+CSS Primary Contrast Min Tap Target Landmarks
01 · A foster-based cat rescue 14.5 KB 14.8:1 (AAA) 52×48px 7 regions
02 · A community food pantry 12.8 KB 16.2:1 (AAA) 54×48px 7 regions
03 · A no-kill cat rescue 15.5 KB 15.6:1 (AAA) 48×48px 7 regions
04 · A community-cat (TNR) rescue 15.7 KB 15.9:1 (AAA) 50×48px 7 regions
Click to verify headings, alt text, and links.

Open-Source Developer Tools From the Studio

Utilities I built alongside these nonprofit websites to keep my own workflow fast and organized

Vanilla JS · SVG Chronograph · Web Audio API

Devlog Timer

Stardance chronograph & devlog workbench with a 10-hour radial cap dial, Pomodoro sprints, timestamped commit-split notes, and a live Markdown compiler.

macOS · Swift · Git Worktrees

Regatta

Native macOS workspace manager for isolating parallel coding branches with strict repository safety rails.

CLI · Git Diff Timeline

wasitme

Local diff-timeline inspector that reconstructs file-by-file authorship and session history across local repositories.

macOS · SQLite FTS5

armillary

Offline-first macOS archive that indexes local terminal and editor development transcripts on your own disk.

macOS · SpriteKit · Papercraft UI

busyholm

A tiny papercraft river island on the edge of your screen that grows buildings and bridges as you ship commits.