Applied screens
Course discovery and introduction
Course identity stays coherent from collection to registration.
On this page
Composition notes
- Use the same fictional title, cover, instructor, and lesson order throughout.
- Show price and registration in context rather than as detached controls.
- Keep brand and appearance controls present in the phone header.
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
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-out/PublicCourseView.tsx | Course introduction |
| marketing/src/app/(site)/explore/page.tsx | Catalog |
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.
Related topics
Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0