AI Fluency Academy · Design Handoff
A clickable preview of the Round-2 handoff: the five product pages plus the six deliverable specs (D1–D6) that document behavior, states, and the locked product decisions.
Preview only. These are the designer's HTML reference comps rendered through their preview runtime — not the production build. The real Academy will be recreated faithfully from these as a proper application.
AI Fluency Academy
Hero, the five-move method spine, programs, independence band.
CatalogPrograms
Featured Foundations + vertical tracks with notify-me.
DetailProgram Detail
Foundations: enroll card, curriculum accordion, certification bridge.
LessonLesson
Reading body, inline example, the practice task surface.
DashboardDashboard
Learner home base with the fluency tracker.
Learner Journey
8 states, Discover → Complete & renew, emails per transition.
D2Lesson System
Full lesson anatomy; the interactive practice task.
D3Foundations Capstone
Self-assessed against a published rubric, no score.
D4Dashboard, Lived In
Day 1 / 30 / 90; the four-state fluency model.
D5The Bridge
Readiness check, the firewall handoff, return-after-exam.
D6Edges & Emails
Renewal, lapsed access, 404, the 7 transactional emails.