The Operating System for Postsecondary Student Success | Overgrad
Desktop · Light · scroll within frame to see full page
Design System Inspiration
Overgrad — extracted via DESIGN.md
Education · Student success platform
Typography
-apple-system
Heading
Color palette
TL;DR
Overgrad employs a "monochrome-plus" system where a deep navy primary (`#00255d`) provides institutional authority against a clean white (`#ffffff`) foundation. The system's "voltage" is carried by a secondary emerald green (`#059669`), used for high-intent CTAs and success indicators. Typography is strictly sans-serif, relying on extreme weight variance—from 400 for utility text to 900 for display headers—to create hierarchy. Layouts are characterized by generous vertical pacing (up to 200px) and a consistent 12px/16px corner radius strategy for interactive cards and buttons.
Target audience
The target audience consists of educational institutions and administrators seeking a robust platform to improve postsecondary student success and completion rates.
Full tech stack
Analytics
Meta description
Double your completion rates without doubling your staff. The platform trusted by 50+ leading networks to guide students to college, career, trade school, or military.
Brand Voice
Empowering, efficient, and inclusive: a supportive partner for the people who guide students toward their future.
Positioning
Overgrad is a student success platform for districts, networks, and community organizations. It streamlines the path from kindergarten to career by connecting students with diverse post-secondary opportunities and providing counselors with the tools to ensure no student is left behind.
Voice principles
- —Inclusive: Focuses on "every student" and "all pathways" including trades, military, and workforce, not just four-year colleges.
- —Efficient: Uses short, punchy sentences to emphasize speed and ease of use (e.g., "Live in under a week").
- —Empathetic: Acknowledges the challenges of the education system, such as unseen opportunities and late support, while positioning the tool as the solution.
- —Action-Oriented: Uses strong verbs like "bring," "find," "flag," and "sync" to demonstrate tangible utility.
