Education Studio Style
April 17, 2026 · View on GitHub
Style: Warm instructional surface, classroom blue accents, approachable hierarchy for teaching Best for: Teaching notes, course modules, learning summaries, workshop guides, study materials
Style Characteristics
| Property | Value |
|---|---|
| Background | Classroom ivory #f8f6f1 |
| Text | Lesson charcoal #2a2a28 |
| Accent | Learning blue #3a6fb0 |
| Secondary | Chalk teal #4b8b84 |
| Muted | Note gray #7c7c76 |
| Tint | rgba(58,111,176,0.06) |
| Title Font | Space Grotesk, Inter, sans-serif |
| Body Font | Inter, Noto Sans SC, sans-serif |
| Surface | Clear, supportive, tutorial-friendly |
Template
Students Understand Faster When the Pattern Is Visible Early
The lesson improved when the framework appeared before the examples. Once learners could see the structure first, they treated the examples as evidence instead of isolated facts to memorize.
Teach the shape before the details
Teaching Move
Open with one concept map, then attach cases, exercises, and discussion prompts to that map rather than presenting them as a flat sequence.
3
Core ideas in this lesson