Lesson Modules

Asset Package v1.0.0

Lesson design asset package

Phase accents, a student-reading type scale, motion tokens, an inline-SVG icon set, an OG template, and eleven component specs — extending the myBlueprint Content Hub design system.

§3.2 · the key addition

Phase accents

One solid colour + one soft tint per lesson phase. A cohesive cool family — violet → blue → azure → teal — tuned to sit beside myBlueprint blue. Every accent clears 4.5:1 body contrast on white and on the grey canvas.

Explore

#7254BE

--phase-explore

white 5.64 bg 5.30

Apply

#196AC8

--phase-apply

white 5.36 bg 5.04

Deliver

#0077AE

--phase-deliver

white 4.95 bg 4.65

Assess

#1B8270

--phase-assess

white 4.69 bg 4.42

§3.3 · §6

Student-reading type scale

H1 · 34 / 900 Building Your First Budget

H2 · 20 / 900 Needs, wants, and savings

H3 · 16 / 700 Why budgeting beats guessing

Lead · 17 / 300 Figure out where your money actually goes, then build a simple plan you will actually stick to.

Body · 15 / 1.78 / 300 A budget is just a plan for your money before you spend it. When you guess, the month ends and the money is gone. When you plan, you decide where it goes — and you can always adjust it as you learn.

§4 · inline single-path · currentColor

Icon set

timer

expand

check

play

info

warning

goal

nav-prev

nav-next

§5 · 11 specs in /components

Component vocabulary

Back to lessons

Financial Literacy · Grade 10

Building Your First Budget

Figure out where your money actually goes, then build a simple plan you will actually stick to.

45 minutes 4 phases

Phase header

Apply

Build your budget

20 min

Progress stepper

Hook

Explore

Apply

Reflect

Callouts

Good to know. Banking apps can export spending as a spreadsheet.

Watch out. A $4 drink every school day is about $80 a month.

"I can" checklist

I can…

track my income and spending for a month

sort expenses into needs, wants, savings

build a budget that balances to zero

Accordion

Why budgeting beats guessing

A budget is a plan for your money before you spend it. When you plan, you decide where it goes.

Digging deeper: the 50/30/20 rule

Timer · media

12:30remaining

Exit ticket

What is one "want" you could move to savings this month?

Type your answer…

Submit

Phase nav

PreviousExplore

NextReflect

delivered

In lesson-ds-v1.0.0/

tokens/

colors.css
typography.css
spacing.css
motion.css

assets/

icons/ ×9
og/og-template.svg
imagery-treatment.md

root

manifest.json
CHANGELOG.md
components/ ×11

Not included by request: logo SVG / variants, favicon set, and font files — those are delivered separately. The reused base tokens (brand blue, ink ramp, surfaces, status, radii, shadows) are unchanged from the Content Hub design system.