Live preview
EduFlow homepage: a cream page with the serif headline Where little minds grow into big ideas, the last two words in orange italic, beside a rounded photograph of a mother and a laughing toddler at a laptop on a kitchen table
11 / ASTRO THEME

EduFlow

For learning sold to parents.

  • E-learning
  • Education
  • Families

The eleventh Quaeris Design release. An online-learning site for families with young children, carrying four learning paths, a pricing page with a billing toggle and a comparison matrix, and a journal with authors and categories — seventeen routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
138.7 KB
JavaScript
17
Indexable routes
0
Blocking stylesheets
2
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-eduflow.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for learning products sold to parents rather than to institutions. A cream ground, a cocoa ink, an apricot that does the asking and a teal that does the explaining, under a soft serif headline with one italic phrase picked out in orange. It is warm without turning childish: the hero is a photograph of a parent and a child at a kitchen table rather than a cartoon, and every animation steps aside for a visitor who asks for less motion.

  • Online course platforms for young children
  • Early-learning programmes with an online offer
  • Educational subscriptions sold to families
  • Anyone who has to reassure a parent before selling to one
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Courses
  • How it works
  • Pricing
  • Journal
  • About
  • Contact
  • Privacy
  • Legal notice

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Article × 3
  • Author × 2
  • Category × 3

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
DESIGN NOTES

The decisions behind the look.

01

Motion is opt-in, element by element.

A heading reveals word by word, a card fades up or a group staggers in because a data attribute on it says so, and nothing moves that was not asked to. Everything is visible without JavaScript and under reduced motion. The cost is the largest script in the collection, and the figure above says so rather than hiding it.

02

The orange has a second value for text.

Apricot fills the buttons, but on cream it is too light to be read as type. Headings that need orange use a deeper burnt apricot cleared for large text, and the muted body colour is set to pass 4.5:1 on both cream and white, so the warmth of the palette costs nothing in legibility.

03

The privacy page follows the configuration.

It reads the same files that choose the contact-form provider, the analytics tool and the newsletter, and names whichever ones are switched on. Change a provider and the policy changes with it. What it cannot know — retention periods, the publisher’s details — is left in brackets to be completed, rather than filled with something plausible.

04

Pricing is data, not markup.

The plans, the comparison matrix and the pricing FAQ live in one data file. The page renders them with a monthly and yearly toggle, and the FAQ emits FAQPage structured data from the same entries, so changing a price is one edit and never two.

PALETTE
  • Cream #fdf5e6 Page ground
  • Cocoa #2b2118 Display and body type
  • Apricot #e8834a Primary buttons and fills
  • Burnt apricot #d26a2e The same orange, for large text
  • Lagoon #1f6772 Labels and secondary actions
  • Rose #ee6c8d Small accents and sparkles
TYPEFACES
Display
Fraunces Weight 400 to 700, italic for the accent phrase
Body
Be Vietnam Pro Weight 400, 600 and 700, spaced capitals for labels
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

EduFlow, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.