Killarney STEM Fellowship

A student-run chapter that books hands-on science workshops into Grade 5 classrooms in Vancouver.

Client: Killarney STEM Fellowship, an official STEM Fellowship Canada chapter at Killarney Secondary, Vancouver
Scope: Five-page site, built from scratch
Heroes built: Eight explored, one shipped
Live: killarney-stem-fellowship.vercel.app

What shipped Fraunces and IBM Plex Mono · five pages

Takes

Eight heroes. Seven of them are still here.

Each one is a real coded page, not a sketch. Point at any of them to see it in full colour. The struck rule marks a take that did not ship.

Build

What is actually in it.

Type: Fraunces for display, IBM Plex Mono for data and labels, on a fluid clamp() scale
Structure: Five pages: home, workshops, programs, chapter, contact. Hand-written HTML and CSS, no framework
Motion: Canvas 2D for the data figures, IntersectionObserver scroll reveals, sticky positioning, mix-blend-mode
Accessibility: prefers-reduced-motion respected throughout
Meta: Description, og:url, og:image and a favicon on every one of the five pages
Content: Promotes five national programs: the Big Data Challenge, REO, the Scholarly Writing Internship and CYPT

Unwritten, on purpose

The brief, the reason F2 won over the other seven, and what happened after launch are Jesy's to write. Nothing is invented here: every line above was read off the built site or its source.

Visit the live site Open → Next, Jukuna Case study →

drowningdot · Tokyo Eight heroes, one shipped