Design system contents

Applied screens

Creator configuration

Registration, payments, email, and final actions share a recognizable settings rhythm.

On this page

Composition notes

  • Keep provider connection and course configuration distinct.
  • Use explicit labels, help text, and a confirmed save state.
  • Registration dates and timezone are part of the same task.

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]/registration/page.tsxAvailability
src/app/make-class/[classId]/email/page.tsxEmail
src/app/make-class/[classId]/payments/page.tsxPayments
src/app/make-class/[classId]/cta/page.tsxFinal action

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.

Registration · Featured section · Light · Desktop · 2352 × 1648 px
Email · Featured section · Light · Desktop · 2352 × 1219 px
Payments · Featured section · Light · Desktop · 2352 × 1529 px
Course Cta · Featured section · Light · Desktop · 2352 × 1485 px
Connections · Featured section · Light · Desktop · 1392 × 691 px

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