Pottery studio with beginner classes
Kiln & Co
Every class is a glaze test tile with a real drip and cone number; a spinning wheel and a week 1/3/6 pot progression show what you'll make.
Signature: Glaze test tiles as the class schedule
- Palette
- Celadon Mist
#E4EEE6 - Iron Oxide
#2B2724 - Celadon
#A7CDB0 - Cobalt
#2544A8 - Clay
#C46E43 - Tenmoku Honey
#E3A33B
- Celadon Mist
- Fonts
- Display: Syne
- Body: Manrope
- Utility: DM Mono
Download this folder (1.11 MB)
The easy way
Download a demo folder, give it to Claude (drop the zip into a chat or open the folder in Claude Code) and write: make this site. Claude follows START_HERE.md.
Pinned prompt
Use the frontend-design skill. Build this brief exactly from the design plan below. Do not change the palette, fonts,
layout or signature element.
BRIEF:
Build a one-page website for Kiln & Co, a pottery studio at 9 Mill Yard teaching wheel-throwing to adult beginners. This month: four Thursday classes at 19:00 — Wheel basics (2 spots left), Centering & cylinders (5), Bowls that don't wobble (4), Glazing night (8). Classes are 8 people; $240 for six classes, the card is valid for two months; clay, aprons and firing included. Show what people make in weeks 1, 3 and 6, plus a short FAQ. Goal: book a class. One self-contained index.html, Google Fonts allowed, no frameworks.
DESIGN PLAN:
# Design plan — Kiln & Co (frontend-design skill, pass 1 + critique)
**Subject:** a small pottery studio teaching wheel-throwing to adult beginners. **Audience:** people who want to do something
with their hands after work. **Single job:** book a spot in a class.
**The subject's world:** glaze test tiles with cone numbers, drips, the wheel, clay-stained aprons, kiln shelves, punch cards.
## Tokens
| Role | Name | Hex |
|---|---|---|
| Background | Celadon Mist | `#E4EEE6` |
| Ink | Iron Oxide | `#2B2724` |
| Glaze 1 | Celadon | `#A7CDB0` |
| Glaze 2 / action | Cobalt | `#2544A8` |
| Glaze 3 | Clay | `#C46E43` |
| Glaze 4 | Tenmoku Honey | `#E3A33B` |
**Type**
- Display: **Syne** 800 — wide, slightly odd, like lettering scratched into clay; headlines only.
- Body: **Manrope** 400/600.
- Utility: **DM Mono** — cone numbers, times, prices.
## Layout
```
[ KILN & CO classes · pricing · [Book a class] ]
[ GET YOUR HANDS | (spinning wheel with a pot, top view, CSS rotation) ]
[ DIRTY ON THURSDAYS. | ]
[ THIS MONTH'S CLASSES = a shelf of glaze test tiles, each tile = one class: ]
[ [cobalt drip | Thu 19:00 | Wheel basics | cone 6 | 3 spots] [clay drip ...] ]
[ WHAT YOU'LL MAKE: 3 pot silhouettes in the glazes, week 1 / week 3 / week 6 ]
[ PUNCH CARD pricing (6 holes) + FAQ in plain words ]
```
**Signature:** the class schedule is a row of glaze test tiles with real drip shapes and cone numbers.
## Critique of pass 1 → revisions
- Pass 1 was cream background + serif display + terracotta accent → exactly the "warm cream / serif / terracotta" default.
**Changed** background to celadon mist, display to Syne, and made cobalt the action colour; clay is one glaze among four.
- Pass 1 had an Instagram-style photo grid → no real photos in the brief, and it is template. **Replaced** by the pot progression.
- Pricing was three tier cards → **replaced** by a single punch card, which is how studios actually sell classes.
Template FAQ
Can I use this template for client or commercial work?
Free for personal and commercial use, including client work; modify freely; attribution appreciated, not required; do not resell the templates as-is.