Instructure (Canvas LMS) · Design system overview
Instructure's accessible React component library and design tokens underpinning the Canvas learning management platform.
A community-authored reference in Markdown. Unofficial; not affiliated with Instructure (Canvas LMS).
Exactly what ships in instructure-ui-design.md. This entry doesn't have a full editorial breakdown yet, so the spec covers the verified facts — profile, official source, and an AI-ready prompt.
# Instructure UI — Design Style Reference > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by Instructure (Canvas LMS). "Instructure UI" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** Instructure UI **Owner:** Instructure (Canvas LMS) **Official documentation:** https://instructure.design/ --- ## Summary Instructure's accessible React component library and design tokens underpinning the Canvas learning management platform. ## Engineering profile - **Ships for:** React - **Token pipeline:** Custom - **Source model:** Open source ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of Instructure UI by Instructure (Canvas LMS) — Instructure's accessible React component library and design tokens underpinning the Canvas learning management platform. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official reference - [Instructure UI documentation](https://instructure.design/) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/instructure-ui) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
Want the deep dive?
Instructure UI doesn't have a full editorial breakdown yet — those cover origin, governance, token decisions, and the components worth studying. Thirty-seven anchor systems do.
