Design system contents

Applied screens

Creator content workspace

The new builder and course settings as complete featured portions.

On this page

Composition notes

  • One active lesson editor sits beside its curriculum.
  • Contextual tabs make different lesson content types easier to scan.
  • Identity and instructions have separate focused settings surfaces.

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/app/make-class/[classId]/video-lessons/page.tsxBuilder
src/app/make-class/[classId]/basic-info/page.tsxIdentity

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.

Course Builder · Featured section · Light · Desktop · 1828 × 1157 px
Course Details · Featured section · Light · Desktop · 2352 × 1944 px
Course Instructions · Featured section · Light · Desktop · 2352 × 1883 px
Builder Composition · Component detail · Light · Desktop · 3504 × 2763 px

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