Syllabus

About this template

Syllabus is a website for a school that teaches in live cohorts: a few programs with start dates, the people who teach them and everything a student needs before enrolling. The demo presents Seamful, a school for designing AI products.

Every program has its own page: outcomes, who it is for, the syllabus week by week, instructors, past students, dates, tuition and questions. The program's status sets what the page asks for. Enrolling shows the enroll button, a waitlist shows the waitlist form, and applications open shows the application form.

At a glance

Twelve pages, including a CMS page for every program and article

Four CMS collections: programs, instructors, alumni quotes and journal articles

A comparison table of all programs, shown as cards on tablet and phone

A PDF syllabus field on every program, with a download link that appears when a file is set

A hero orb that follows the cursor, a moving ticker and reveal effects that respect reduced motion

Three breakpoints: desktop, tablet and phone

Free Google Fonts, original images included

Built for a real launch

A tuition page with a ready email a student copies to their manager to ask for the invoice, and a scholarship form. A page for private team cohorts with its own form. Waitlist, application and newsletter forms with success states. Terms and privacy pages.

Support: [email protected]