Ochre and Ash
A Bohemian template for a ceramics shop.
A shop for a small pottery studio, in an earthy, hand-cut Bohemian style: big near-black organic shapes on a deep clay field, photographs inside pebble shapes with a paper backing, wide-tracked grotesk capitals and an old-style serif with tiny italic captions, and a woven stripe above the footer. The studio, its pieces, prices and dates are fictional samples; the basket takes no payment.
- For
- Ceramics shop
- Built with
- HTML, CSS, ES modules, 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
Near-black cut-paper shapes are laid onto a clay field with photos inside two of them; further down, a pinned section throws one clay silhouette from a lump into a tall vase as you scroll, on a spinning wheel.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): the cut-paper hero with the headline in two corners, the batch on two shelves (each piece in its own shape, stock shown, sold-out state), the pinned "from lump to vessel" sequence, five glaze chips that link to the shop filtered by glaze, workshop dates with a hold-a-seat toggle and a full state, and a letter sign-up with error and thank-you states. - Shop (
shop.html): every piece, filtered by glaze (also from?glaze=) and type, add to basket, empty state. - Basket drawer on every page (kept in this browser only), with an empty state and a total.
- 404 (
404.html): "Cracked in the kiln". - Light and dark, 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
- Shop
- 404
Stack
- HTML
- CSS
- ES modules
- 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.
