TPL-DS-101 · Beginner

Introduction to Design Systems

A self-paced 6-module course covering design tokens, component composition, multi-brand theming and AI-ready (GEO) design. Built for product designers and front-end engineers ready to ship a real design system at work.

TpLEARN · Aminata Koroma

What you’ll learn

  • Design and ship a multi-brand token system from scratch

  • Author Radix-based components that emit schema.org JSON-LD by default

  • Diagnose brand-class breakage and accessibility regressions

  • Validate rich-result eligibility before shipping

Course modules

  1. 01

    Tokens, primitives and the three-tier hierarchy

    45 min

  2. 02

    Building accessible components on Radix

    60 min

  3. 03

    Brand classes and multi-brand cascading

    55 min

  4. 04

    Per-component schema.org JSON-LD

    70 min

  5. 05

    Composing page templates from primitives

    50 min

  6. 06

    Shipping: Vite SSG, Vercel deploy, validation

    65 min

Prerequisites

  • Intermediate React + TypeScript
  • Basic Tailwind familiarity
  • TPL-CS-100 · Beginner

    Programming Fundamentals

    TpLEARN

    Beginner-friendly 12-week course in algorithmic thinking with JavaScript.

    Schedule
    · 12 weeks · online
  • TPL-DA-200 · Intermediate

    Data Analysis with Python

    TpLEARN

    Build practical data-analysis skills with pandas, matplotlib and West-African datasets.

    Schedule
    · 8 weeks · online

Join the next cohort

Self-paced — start any time. 14-day money-back guarantee.

TpGroup

Building Sierra Leone's future through innovation, sustainability, and excellence.

Contact Us

© 2026 TpGroup SL. All rights reserved.