TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Applied screens

Public presentation and discovery

Course identity remains recognizable before and after entering a class.

On this page

Capture context

Capture context
AreaEvidence
Public examplePublished Final Cut Pro course
DiscoveryFour real Thomas-owned course identities
MetadataNo student counts or fabricated review averages
ScopeLibrary fixture composes real cards; public fixture composes PublicCourseView

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.

Public Course · Screen · Light · Desktop · 2880 × 2000 px
Public Course · Screen · Light · Desktop · Full Page · 2880 × 3230 px
Library · Screen · Light · Desktop · 2880 × 2000 px

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