UMA — Future Course Template System

Version 2 Component Library

A reusable design system for D2L Brightspace. Built from SS1000 content analysis. 20 MVP components across 6 page templates — ready to evaluate with real course content.

View Component Library See Sample Module

Start Here

About This Prototype

This is Version 2 of UMA's future course template system. It contains a working component library built on real content identified through Phase 1 IMSCC analysis of SS1000: Student and Career Success 1.

The goal is not to recreate SS1000. The goal is a reusable, scalable design system that any UMA course can use — regardless of program, subject, or modality.

Phase 1 — Complete

Full IMSCC analysis: 60 component patterns identified across 8 categories. 20 MVP components selected for the initial build based on reusability and learner experience value.

Phase 2 — This Build

20 MVP components built into the design system. 6 page templates demonstrate real SS1000 content structured with V2 components. Component Library page provides a live reference.

Phase 3 — Next Steps

Gap analysis on Tier 3 advanced components, full D2L testing, accessibility audit, and pilot migration of one complete SS1000 week into the template.

Navigate

Prototype Pages

Select any page to open it. Each page uses SS1000 content to demonstrate how real course material looks and behaves inside the Version 2 design system.

Reference

Component Library

All 20 MVP components with live examples, tier tags, and usage notes.

 Sample Page

Module Content Page

SS1000 Week 1 key points page — Academic Identity and Self-Awareness — built with V2 components.

 Sample Page

Course Syllabus

SS1000 syllabus content: grading breakdown, course objectives, policies, and ADA requirements.

 Sample Page

Assignment Page

Week 1 AI Assignment — step flow, due date callout, rubric, and submission help block.

 Sample Page

Discussion Page

Week 1 Discussion — alert bar, scenario block, discussion questions, and submission help block.

Scope

The 20 MVP Components

The Minimum Viable Component Library covers approximately 80% of all course-building scenarios. Components are organized by tier: Tier 1 items are required in every course; Tier 2 items are strongly recommended.

Tier 1 — Required Tier 2 — Recommended
1
Page Hero Banner Tier 1 — Required
2
Section Divider Tier 1 — Required
3
Syllabus Page Template Tier 1 — Required
4
Module Content Page Template Tier 1 — Required
5
Learning Objectives Block Tier 1 — Required
6
Assignment Instruction Block Tier 1 — Required
7
Discussion Prompt Template Tier 1 — Required
8
Key Takeaway Callout Tier 1 — Required
9
Activity Type Labels Tier 1 — Required
10
Due Date Callout Tier 1 — Required
11
Accessible Data Table Tier 1 — Required
12
Submission Help Block Tier 1 — Required
13
Course Outline / Accordion Planner Tier 2 — Recommended
14
Bootstrap Accordion Tier 2 — Recommended
15
Blue Quote / Emphasis Block Tier 2 — Recommended
16
Two-Column Comparison Block Tier 2 — Recommended
17
Icon Checklist Tier 2 — Recommended
18
Scenario / Context Block Tier 2 — Recommended
19
Knowledge Check Card Tier 2 — Recommended
20
Notification / Alert Bar Tier 2 — Recommended

Reference

How to Use This Prototype