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.
23 education designs in the collection
IsraeliteBot
Education. Soft, friendly blue accents and wide pale canvas; rounded, pill-driven controls; low-contrast, airy content bands that center a calm robot avatar.
Education · israelitebot.com
Jotboard
collaborative whiteboard. Big, friendly headings, soft lime-green gradients, chunky rounded CTAs and plenty of white space.
Education · jotboard.com
Boppo Stories
education. soft lavender gradient canvas and roomy white bands, oversized friendly purple type (#533a98 / #4b3b96), rounded cards with light #e0daf1 borders and illustrated, warm hero artwork.
Education · boppostories.com
BingWow
Education / casual games. Soft eggshell bands and rounded white cards, deep-cyan CTAs with a bright gradient, subtle grid wash across the canvas.
Education · bingwow.com
Codelier
Education. Soft, neutral catalog with airy white canvas and subtle 1px borders, large friendly display type, teal/cyan subscribe accent.
Education · codelier.com
PrePaired AI
Interview preparation. Deep, one-dark canvas with a soft radial highlight, strong large-figure typography, cool blue CTAs and rounded ghost cards.
Education · prepaired.app
Multilingue - Learn Languages
Education. Mint-to-white hero gradient with a centered app icon, oversized Inter display type, pill-shaped CTAs and softly rounded information cards.
Education · multilingue.app
Critikid
education. Deep purple-to-black canvas, bold white display headings, rounded cards with soft muted panels, bright orange CTAs and a tiny starfield/space motif.
Education · critikid.com
LearnGit
education. high-contrast navy canvas, oversized geometric type, soft rounded cards and bright commit-node accents.
Education · learngit.dev
LoveStudy.ai
education SaaS. friendly rounded type, coral CTA and logo accent, soft off-white canvas and roomy card layouts.
Education · lovestudy.ai
GoodFirstJob
education. clean white canvas, large friendly display type, bright blue gradient CTAs and airy card grid — subtle 12px card radius and soft drop shadows.
Education · goodfirstjob.com
Pustakh
education. night-sky navy canvas and starry gradients, big editorial headings with a warm orange CTA voice, rounded cards and soft grid backgrounds.
Education · pustakh.com
ShowReel
Education. Deep teal hero bands, rounded cards and heavy, friendly display type, warm coral accents.
Education · showreelapp.com
Colibro
Education. Deep-teal night canvas with soft, circular vignettes; large, carved serif logotype over muted Inter body copy; mint→cyan gradient accents and pill CTAs.
Education · colibro.com
Blainy
education. Monumental geometric headlines in Kanit, dramatic dark textured hero, bright #ffd400 call-to-action accents and pill buttons, Poppins body copy with airy spacing.
Education · blainy.com
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