TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Applied screens

Learner experience

Actual published course content connects media and lesson navigation; no missing learning content is invented.

On this page

Capture context

Capture context
AreaEvidence
CourseFinal Cut Pro for Creators
SourcePrivateCourseView and VideoHeader
Responsive evidenceDesktop and 390px phone; full-page versions when required
LimitVideo playback and enrollment persistence are not certified

How to inspect

  • Use the Desktop/Phone controls where both exist. TeachKit’s source appearance is light only.
  • Open an image for fit-to-view inspection, then Actual pixels or Open original for detail.
  • Component details and complete screens have separate filenames and recorded intrinsic dimensions.
  • Compare text, focus, menus and media against the source; do not treat a pictured state as proof of live persistence.

Examples from the app

Actual TeachKit UI with Thomas McGee’s course content. Session, progress and connection specimens are simulated; no student data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Learner · Screen · Light · Desktop · 2880 × 2000 px
Learner · Screen · Light · Desktop · Full Page · 2880 × 2614 px

Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1