TeachKit project

TeachKit / Design system

Documentation v2.0.0 · Redesigned app and marketing site

Design system contents

Applied screens

Account and management

Course collections, student records, and account preferences in the new workspace.

On this page

Composition notes

  • All people, email addresses, reviews, counts, and amounts are fictional.
  • Appearance is local preference and is independent of account saves.
  • Compact management rows keep actions close to the affected record.

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/dashboard/account/page.tsxAccount
src/app/dashboard/students/page.tsxStudents
src/app/dashboard/reviews/page.tsxReviews

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.

Your Courses · Featured section · Light · Desktop · 1664 × 1365 px
Students · Featured section · Light · Desktop · 2352 × 1046 px
Student Progress · Featured section · Light · Desktop · 2064 × 652 px
Account · Featured section · Light · Desktop · 2220 × 1683 px
Profile · Featured section · Light · Desktop · 2352 × 1703 px
Reviews · Featured section · Light · Desktop · 2448 × 926 px
Student List · Component detail · Light · Desktop · 3504 × 1371 px

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