SchoolBlocks - Building Better Educational Experiences
Desktop · Light · scroll within frame to see full page
Design System Inspiration
Schoolblocks — extracted via DESIGN.md
Education · Curriculum platform
Typography
-apple-system
Heading
Arial
Body
Color palette
TL;DR
Schoolblocks employs a "Professional Blue" palette centered on `#4a90e2` (Primary Blue) and `#2c3e50` (Text Primary) against a clean white canvas. The system relies on a structured hierarchy of `-apple-system` sans-serif typography, featuring large 56px display headings and generous 16px body text. Visual depth is achieved through soft-radius cards (`16px` to `24px`) and subtle multi-layered shadows rather than heavy borders. Interactive elements are consistently pill-shaped or high-radius buttons, often utilizing a secondary blue `#357abd` for hover or emphasis.
Target audience
The target audience is educators and school administrators seeking a platform to build and manage engaging, interactive learning experiences.
Full tech stack
Meta description
SchoolBlocks provides innovative tools for educators to create engaging, interactive learning experiences through our block-based curriculum platform.
Brand Voice
Professional, empowering, and community-focused with a clear emphasis on reliability and seamless integration.
Positioning
SchoolBlocks is an all-in-one digital communication platform for K-12 schools and districts. It empowers educators and administrators by transforming complex information into engaging, accessible, and secure community connections.
Voice principles
- —Empowering: Focuses on enabling school leaders and webmasters to succeed through "simple yet powerful" tools.
- —Trustworthy: Emphasizes security, compliance (ADA, CIPA), and a decade-long track record to build confidence.
- —Seamless: Highlights the lack of friction in their technology, specifically regarding Google Workspace and automated workflows.
- —Community-Centric: Uses language that prioritizes the human connection between schools, parents, and students.
