TeachKit project

TeachKit / Design system

Documentation v2.0.0 · Redesigned app and marketing site

Design system contents

Applied screens

Marketing site

Light-only promotional compositions around the redesigned product.

On this page

Composition notes

  • Use Inter display type and the actual pastel source treatments.
  • Feature crops preserve complete headline and CTA groups without long decorative whitespace.
  • The product screenshots in marketing complement the newly captured app specimens.

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
marketing/src/components/HomeHero.tsxHero
marketing/src/components/FeatureBlock.tsxFeature composition
marketing/src/components/FAQ.tsxSupporting disclosure

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.

Marketing Home · Featured section · Light · Desktop · 2000 × 951 px
Marketing Features · Featured section · Light · Desktop · 2896 × 944 px
Marketing Feature Block · Component detail · Light · Desktop · 4440 × 948 px
Marketing Faq · Component detail · Light · Desktop · Open · 4368 × 906 px

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