Showcase. Made to be explored.

Ten pieces built from scratch for this page, and three small touches at the end. Each one is something we can bring to your website.

Start with a page ↓
Start a project

Move your cursor over the headline.Drag across the headline. Prefer a still page? Turn on calm mode.

Exploded view. One page, six layers.

Scroll to take a finished homepage apart. Kiln & Moss is a pottery studio we made up for this page; every layer of its site was designed on purpose.

ColourA small palette drawn from the clay, glaze and moss.
GridTwelve columns and an 8px rhythm that keep it all aligned.
ImageryPhotos cropped and sized for each layout and device.
TypeTwo typefaces, one scale, set for reading on any screen.
InteractionButtons, links and states that answer every tap.
CodeClean, light markup that loads fast and is easy to edit.

Colour

Grid

Imagery

Type Kiln & Moss ShopStudioClassesVisit Pots made slowly, for everyday tables. Hand-thrown stoneware from a small studio in Essex, glazed in colours taken from the garden outside. Moss vase£48Bone cups£22Rust bowl£36

Interaction Shop the kilnBook a class2

Code

.hero {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--s6);
}
.btn:hover { transform: translateY(-1px); }

Used inWeb design & development →

Try it on your business. Type a name, pick a mood.

This is the same design system we use for client sites, running live. Change anything and the page restyles itself.

kilnandmoss.co.uk

Quietly good at what we do.

A small team that takes its time, so every detail is right when it reaches you.

Get in touch

Our workHow we helpVisit us

Used inWeb design & development →Website redesign →

Heal this page. The same site, an hour later.

This is Kiln & Moss’s old website, with the five problems we see most often. Press the button and watch each one get fixed.

kilnandmoss.co.uk

Warning: Undefined variable $basket in /wp-content/themes/kiln/header.php on line 42

Free delivery on orders over £60

Loading image…

Pots made slowly

Hand-thrown stoneware from a small studio in Essex. Classes run every Saturday morning.

your@email.co.ukSend

Error message on every pageFixed the theme file behind it.
Content jumps while it loadsSpace reserved for the banner.
Main image takes 6 secondsResized, compressed and loaded first.
Text too faint to readContrast raised to the accessible level.
Contact form failsMail sent through a proper mail service.

Load time: 6.8 s
Layout shift: 0.42
Accessibility: 54
Errors: 3

Demo figures for a made-up site.

Used inEmergency support →Coding support →Care plans →

A product page. Turn it, glaze it, add it.

Drag the vase to turn it, try a glaze, then add it to the basket. Moments like these make an online shop feel looked after.

Drag to turn

Kiln & Moss · Hand-thrown stoneware

Moss vase

£48

Glaze Moss

Size

Each piece is thrown by hand, so no two are quite the same.

Used inE-commerce website →

The details. Six small things people feel.

Small interactions decide whether a site feels careful or cheap. Try each one.

Magnetic button

Leans towards the cursor, so the main action feels within reach.

Email me when the kiln opens

Springy switch

A little overshoot tells people their choice landed.

We'll only use this to reply.

Kind validation

Helps while people type and never scolds them for an unfinished field.

Ten percent off your first order

Copy in one tap

Codes, emails and references copy cleanly, with a clear confirmation.

Order #1042Moss vase · 2 min ago
Order #1041Bone cups ×4 · 18 min ago
Order #1040Rust bowl · 1 h ago

Drag the list down

Pull to refresh

A leaf unfurls as you pull, so waiting feels like part of the brand.

Honest loading

Progress and placeholders that match what is coming, so nothing jumps when it arrives.

Type that responds. Move closer and it leans in.

One variable font holds every weight and softness in a single file. Each letter reacts to your cursor, and nothing around it moves.

Handmade

Letter: H
Weight: 640
Softness: 50
Wonky letters: off

Used inWeb design & development →Website redesign →

X-ray vision. See how any part of a page is built.

X-ray shows the structure under the surface: every box, heading, image and control. Infrared shows the heat: what people tap, look at and read first.

The lens is parked on the sample card. Move your cursor over the card, or take the lens with you and look at anything on this page.

X Hold to peek anywhere on this page. Esc Park the lens again.Drag the lens with your finger to look around.

Kiln & Moss

Moss vase

Hand-thrown stoneware with a speckled glaze. Each one is slightly different.

£48In stock

Add to basketSave

Used inCoding support →Website redesign →

Small touches. Three details that make a site feel looked after.

Quick search works on every page of this website. The other two run here as previews, ready to switch on for any site.

Quick search

Tap the magnifier in the header, or press Ctrl K on a keyboard. It understands plain questions like "how much is a care plan".

–London time

After hours

After 8pm UK time a site can turn to dusk, with fireflies in the header and the evening rate shown where it matters. Switch on the preview and scroll to the top.

Preview after hours

A plant that grows with your visit

A leaf for every part of the page a visitor reads, a flower when they have seen it all. Remembered on their device.

Grows as you explore this page.

This page, measured. On your device, right now.

Everything above still has to load fast. These numbers come from your own browser as you read this.

Main content shown: –
Layout shift: –
Page weight: –
Frame rate: –

Calm mode

Turns every effect on this page off at once, for anyone who prefers a still page. Your choice is remembered on this device.

Off

Read from your browser's Performance API. Numbers vary with device and connection, and some browsers do not report all of them.

Want this on your site? Tell us what you have in mind.

Any piece on this page can be shaped for your business. Send a few lines and we’ll come back with ideas and next steps.

Based in Essex · working UK-wide

Free first call · no obligation

What do you need?

Which plan?

Showcase. Made to be explored.

Exploded view. One page, six layers.

Try it on your business. Type a name, pick a mood.

Quietly good at what we do.

Heal this page. The same site, an hour later.

Pots made slowly

A product page. Turn it, glaze it, add it.

Moss vase

The details. Six small things people feel.

Magnetic button

Springy switch

Kind validation

Copy in one tap

Pull to refresh

Honest loading

Type that responds. Move closer and it leans in.

Spring glazes

Moss vase £48

Bone cups £22

Rust bowl £36

X-ray vision. See how any part of a page is built.

Moss vase

Small touches. Three details that make a site feel looked after.

Quick search

After hours

A plant that grows with your visit

This page, measured. On your device, right now.

Want this on your site? Tell us what you have in mind.

Showcase. Made to be explored.

Exploded view. One page, six layers.

Try it on your business. Type a name, pick a mood.

Quietly good at what we do.

Heal this page. The same site, an hour later.

Pots made slowly

A product page. Turn it, glaze it, add it.

Moss vase

The details. Six small things people feel.

Magnetic button

Springy switch

Kind validation

Copy in one tap

Pull to refresh

Honest loading

Type that responds. Move closer and it leans in.

See it as your customers do. Six ways people use the same page.

Spring glazes

Moss vase £48

Bone cups £22

Rust bowl £36

X-ray vision. See how any part of a page is built.

Moss vase

Small touches. Three details that make a site feel looked after.

Quick search

After hours

A plant that grows with your visit

This page, measured. On your device, right now.

Want this on your site? Tell us what you have in mind.