Education design inspiration
Real education websites, each measured into a DESIGN.md your coding agent can read: colors, type, spacing, and the reasoning behind them. Find a taste you love, hand over its file, and your agent builds in that vibe, never a pixel copy.
8 education designs in the collection
Scrimba (reference)
Education. Airy, near‑white canvas with soft blue accents, generous card rhythm and subtle depth, bold heavy display type and muted grey body copy.
Education · scrimba.com
Reforge
Education. Deep charcoal canvas and one-dark bands, oversized humanist display type, subtle cool-violet radial accents and restrained soft-radius chrome.
Education · reforge.com
Maven
education. Deep navy nightscape (#080c28) and a large editorial serif display, pastel gradient accents across headlines and tiles, tight system of rounded cards and soft radii.
Education · maven.com
Boot.dev (style distill)
Education. Heavy, textured dark canvas, carved-gold accents and warm glow, serif display voice with compact sans supporting copy.
Education · boot.dev
Exercism
Education. Deep indigo canvas and bold, rounded headlines; soft off-white hex-pattern backgrounds, playful flat illustrations and sticker badges; purple call-to-action buttons with crisp 8px corners and gentle indigo shadows.
Education · exercism.org
Heptabase
education. Airy, off-white canvas and generous vertical rhythm, dense charcoal type with wide display voice, soft rounded chrome (pills and cards) and pastel, painterly hero artwork.
Education · heptabase.com
HYPER ISLAND | Get ready for the unknown
Higher-education. Massive condensed display, black-on-white structure, warm off-white bands and a pop of hyper orange.
Education · hyperisland.com
Design Academy Eindhoven
Design education. Soft-lavender canvas, crisp condensed sans headlines, dashed card frames and circular purple action tokens.
Education · designacademy.nl