Clay and Fern
A Bohemian template for a yoga studio.
A site for a small yoga studio in a converted pottery, in an earthy Bohemian style: flat cut-paper shapes in clay, terracotta and olive that frame the type, photographs in tall arches, a flared calligraphic display serif and wide-tracked labels, and one woven stripe above the footer. The studio, its teachers and prices are fictional sample content.
- For
- Yoga studio
- Built with
- HTML, CSS, ES modules, Motion 14.6.0, anime.js 4.5.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
The cut-paper hero assembles: rainbow arcs draw on, a half sun rises behind the arch photo, a leaf and a pebble are laid down, then every shape breathes slowly.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): hero with the cut-paper composition, three ways to practise (arch cards), this week's classes, the room, three teachers (shown by their hands and objects, never faces), prices on a clay band, and a visit section with a drawn map. - Timetable (
timetable.html): the week as a real table with class filters and a sample booking toggle, plus an empty state for filters with no classes. - 404 (
404.html). - Light and dark (follows the system; the toggle remembers), phone to wide desktop, keyboard friendly, reduced motion respected.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Timetable
- 404
Stack
- HTML
- CSS
- ES modules
- Motion 14.6.0
- anime.js 4.5.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.
