TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Applied screens

Registration and integrations

Source settings pages connect course availability, payments, email and CTA configuration.

On this page

Capture context

Capture context
AreaEvidence
ConfigurationActual source pages with local fixture responses
RegistrationNo artificial dates inserted
External providersNo OAuth, checkout or sending
Connection examplesAny connected specimen is explicitly simulated

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.

Creator Registration · Screen · Light · Desktop · 2880 × 2000 px
Creator Payments · Screen · Light · Desktop · 2880 × 2000 px
Creator Email · Screen · Light · Desktop · 2880 × 2000 px
Creator Cta · Screen · Light · Desktop · 2880 × 2000 px

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