25-page CMS-ready school website system

A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.

I built a 25-page website for a sample online school covering Home, Academics, Programs, Admissions, School Life, About and Blog. Every page is generated from one content file of 5 CMS collections (programs, blog posts, faculty, events, FAQ) through 16 reusable components, which is the structure of a Framer project: components with variants, CMS collections and CMS detail pages at their slug. The stylesheet is mobile-first with layout added only at 810 and 1200 pixels. Each page has one h1, ordered headings, landmarks, a unique title and description, a canonical path, Open Graph tags and JSON-LD (EducationalOrganization, Course, BlogPosting, FAQPage, BreadcrumbList). The heaviest page weighs 47.7 KB including shared CSS, a deferred script and the subset brand fonts, with zero third-party requests. Brand rules for palette, type, voice and imagery are checked at build time: 9 text pairings all at or above 4.5:1, longest sentence 21 words. Seven micro-interactions respect reduced motion, and 9 analytics events, two of them conversions, push to a standard data layer.