Wren Lane School
A handwritten primary school template.
A site for a small primary school, written for parents choosing one: squared exercise-book paper, a teacher's blue felt-tip for notes, rings, ruler lines and arrows, sunflower sticky notes, masking tape on every photograph, and children's crayon drawings made in code. Mali (a rounded marker hand) for headings, Gochi Hand for the teacher's notes, Atkinson Hyperlegible for everything people need to read (never handwriting for paragraphs, buttons or form labels). Graphite boxes with a hard offset shadow, like card cut out and stuck down. Day (paper) and night (navy paper under a desk lamp) themes. Wren Lane is an invented sample school; every name, time, menu and date is sample content.
- For
- Primary school
- Built with
- HTML, CSS, ES modules, anime.js 4.5.0, Motion 14.6.0 (no build step)
- Pages
- 3 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A paper aeroplane flies down a looping dotted path through the school day as you scroll, leaving a blue felt-tip line behind it and lighting each stop it passes; the hero's crayon drawing of the school draws itself and colours in.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Starting school
- 404
Stack
- HTML
- CSS
- ES modules
- anime.js 4.5.0
- Motion 14.6.0 (no build step)
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
