Ready / Mac
Color Companion
Sample colors, build palettes, and check contrast.
Download ↓ Version 0.2.0 · macOS 13+Oxford Preparatory Academy
Find what you need. Make something real.
Your class work
Grades, assignments, due dates, and feedback are in Canvas. Lesson slides and the day-by-day record of what each class covered live here — open your class below, including if you need to catch up on a day you missed.
Today
Loading classes…
Exploratory Digital Media
Today’s lesson slides and every earlier lesson this class has covered — open a day below if you missed it.
Today
Loading lessons…
Intro to Digital Media
Today’s lesson slides and every earlier lesson this class has covered — open a day below if you missed it.
Today
Loading lessons…
Advanced Digital Media
Today’s lesson slides and every earlier lesson this class has covered — open a day below if you missed it.
Today
Loading lessons…
How do I do this?
Short, reusable instructions for making, editing, exporting, presenting, troubleshooting, and working safely.
Tutorials / Class Apps
Download only the app your teacher assigns.
Ready / Mac
Sample colors, build palettes, and check contrast.
Download ↓ Version 0.2.0 · macOS 13+Teacher testing
Closes Adobe tools, then clears temporary cache files.
Coming soon A signed classroom release is required before student use.Teacher testing
Save approved video or audio for class projects.
Coming soon Use only media you made, have permission to use, or your teacher approved.Install on a classroom Mac
Fundamentals of design
Study color, typography, composition, hierarchy, contrast, branding, and visual storytelling before decorating the work.
Design Guides / Color
Use color to create mood, organize information, guide attention, and make the message easier to understand.
Three controls
The color family: red, orange, yellow, green, blue, or violet.
How intense or muted the color feels.
How light or dark the color is. Value creates readable contrast.
Color relationships
One hue changed through tints, shades, or saturation.
Neighboring hues. Related, calm, and easy to unify.
Opposite hues. Strong contrast—choose one color to lead.
Three evenly spaced hues. Energetic, so control the saturation.
Color roles
A 60 / 30 / 10 split is a useful starting point, not a rule.
Dominant / 60% Sets the overall mood and fills the largest areas.
Support / 30% Separates sections and strengthens the system.
Accent / 10% Pulls attention toward the most important action.
Before you finish
Limit it. Start with three to five colors.
Check value. Make sure important elements still separate in grayscale.
Read it. Text and background need strong contrast.
Do not rely on color alone. Add labels, icons, shapes, or patterns.
Repeat roles. Use the same color for the same job throughout the work.
Color Lab
Start with one color. Then test what changing its hue, saturation, and value actually does.
Blue
Palette relationship
Neighboring hues feel related and easy to unify.
Readability
Important information needs contrast.
Free class tool / macOS
Sample any color on your screen, build useful palettes, check accessible pairs, and carry colors into other Mac apps.
Install
This is a direct classroom build, so macOS may ask for approval the first time. If needed, use System Settings → Privacy & Security → Open Anyway.
Practice
Design Guides / Typography
Typography tells people what to notice first, what supports it, and what they need to read all the way through.
Three jobs
Pick a typeface that matches the message. Two families are usually enough.
Use size, weight, and position to show what matters first.
Give letters, lines, and blocks room to breathe so the work can be read.
Interactive practice
Change one decision at a time. Watch the slide, then read what changed.
But not as cool as Coach Alex.
Poster system / 2026Current read
Voice
Color
Practice
Curated examples
Selected projects show strong choices, useful process, and finished work. Nothing is published without permission and context.
Featured project presentation
Madeline De la O / Polar Bear Animation / 2025-26
Every project includes a presentation that makes the thinking visible: purpose, process evidence, response to a challenge, the current finished version, and what the student learned next.
01 / 11
Individual collections
Portfolios connect planning, process, reflection, and final work across a student's projects.
Look outward
Explore artists, designers, studios, champion profiles, and other references worth studying—not copying.
New inspiration will appear here.
Student media
Episodes and production showcases make the work of the OPA TV team visible with appropriate credits, captions, and permissions.
Today
Loading lessons…
▶
2025–26 archive / 11 broadcasts
Watch OPA TV episodes.
Open the episode archive →
Open OPA TV Studio — teacher access
Open Today’s Production Board
Return to the map