Design system contents

Applied screens

Learner experience

A focused lesson with curriculum, completion, and practical resources.

On this page

Composition notes

  • The current lesson and next action remain close to the media.
  • The curriculum becomes a disclosure on smaller screens.
  • Action completion remains independent of lesson completion.

Capture context

These are selected UI portions with surrounding breathing room, not full-height page exports. Desktop and phone examples preserve their native responsive layout. App examples include both themes; marketing has one light theme. All dynamic records and provider responses are isolated fixtures.

Source references

Source references
FileResponsibility
src/components/courses-public/logged-in/PrivateCourseView.tsxLearning composition

Interface examples

Native TeachKit interfaces with fictional course, account, and learner records. Service responses and media are isolated demonstrations; no customer data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Learner · Featured section · Light · Desktop · 2928 × 1825 px
Checklist · Component detail · Light · Desktop · 2280 × 894 px
Resources · Component detail · Light · Desktop · 2280 × 1302 px

Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0