published
ScienceGrade 4Students model how dam removal changes salmon survival rates across a watershed system.
82
Accessibility91%
4-LS1-1RI.4.3SL.4.4+1 more
Updated 2 hours ago2
A calm, accessible system for instructional design
Minimal surfaces, rounded corners, soft shadows, and a blue-teal-green palette tuned for WCAG AA contrast. Every component here is reusable from @/components/ds.
Color & elevation
Semantic oklch tokens only — components never hardcode a color. Three UDL network accents stay inside the cool palette.
Primary
--primary
Engagement
--engagement
Representation
--representation
Action
--action
Success
--success
Info
--info
Warning
--warning
Destructive
--destructive
Flat
Nested content, list rows
Soft
Default card elevation
Lift
Hover and floating panels
Typography
Fraunces for display headings, Plus Jakarta Sans for interface and body copy.
Salmon migration and watershed systems
Essential question
How do changes in a watershed affect the survival of migrating salmon? Body copy holds a comfortable 1.6 line height and a readable measure so teachers can scan long lesson plans without fatigue.
Small copy — metadata, timestamps, helper text.
Dropdowns, tabs & accordions
Navigation primitives built on Radix, restyled with pill tabs and card accordions.
Tab panels animate in place — no layout shift between views.
Offer choice in how students enter the lesson: a video hook, a field photo set, or a short story from a tribal fisheries biologist.
Score indicators & progress circles
Analytics without chart clutter — dials, meters, and stat cards that read at a glance.
Accessibility
91/ 100→ 2 pts
Captions and alt text complete
Standards covered
38of 46↑ 3 new
NGSS + Common Core
82
64
48
91
Engagement82%
Representation54%
Action & expression91%
91Strong62Solid41Developing22Needs work
AI prompt boxes & recommendation chips
The AI surfaces: a focused prompt composer, inline suggestions, and one-click improvements.
UDL coach
⌘ + Enter to send
This lesson has one path to demonstrate learning. Adding a second option raises the Action score by an estimated 9 points.
Add a labelled watershed diagram
Pairs the text explanation with a visual model for students who process information non-verbally.
+8 impactQuick win
Offer a choice of entry hooks
Video, photo set, or a short first-person story from a fisheries biologist.
+6 impactModerate
Lesson & standards cards
The two most-used domain objects, with scores, status, and drag affordances built in.
UDL
draft
ELAGrade 5Draft a persuasive letter using evidence from three local sources.
46
Accessibility58%
W.5.1RI.5.8
Updated yesterday
4-LS1-1NGSSDOK 3
Construct an argument that plants and animals have internal and external structures that support survival, growth, behavior, and reproduction.
Coverage80%
RI.4.3Common CoreDOK 2
Explain events, procedures, ideas, or concepts in a historical, scientific, or technical text.
Coverage40%
Rubrics
Selectable criterion grids that score themselves and stay readable on small screens.
Watershed argument rubric
0 / 12 points| Criterion | Emerging(1) | Developing(2) | Proficient(3) | Advanced(4) |
|---|---|---|---|---|
| ClaimStates a defensible position | ||||
| EvidenceUses relevant data | ||||
| CommunicationChooses an appropriate mode |
Empty & informational states
Quiet, instructive fallbacks instead of blank space.
No lessons yet
Start with a single prompt and the coach will draft a full UDL-aligned lesson.
No comments on this section
Select any text in the canvas to start a thread with your team.
Comment threads
Anchored, resolvable conversations that mix teacher voices with AI coaching.
Can we cut this to 20 minutes? My block is short on Thursdays.
A pre-built model base saves about 12 minutes and keeps the same NGSS evidence.
Added a spoken-response option for the exit ticket.