Calm is a specification
Everyone in this trade says they want a calm website and most end up with a muted colour palette over the same restless layout as everything else. Calm is not a mood. It is a set of decisions about type, contrast, motion, photography and how much is asked of the visitor on each screen.
Here is how to set them.
Type first
Your readers are older than the average website's, often much older, and many are reading through tears or on a phone held further away than usual.
- Base body size larger than normal. Where a business site might set 16 pixels, set 18 or 19. Headings correspondingly restrained rather than enormous.
- A face with real weight in its regular cut. Thin and light weights disappear at low contrast on a bright screen.
- Line height generous, around 1.6 for body text, and measure kept to roughly sixty to seventy characters so the eye finds the next line.
- No text over photographs, ever. If a hero image needs a headline, put the headline beneath it.
- No all-capitals for anything longer than a short label.
Contrast, properly
Aim past the minimum. Body text at a strong dark grey or near black on white or a warm off-white, not the fashionable mid grey. Check every combination against the accessibility contrast guidance, including link colours, button text, form labels and placeholder text, which is where most sites fail.
Then check the site in bright daylight on a phone with the brightness turned down, because that is a hospital car park.
Colour
One quiet accent colour, used for links, buttons and nothing else. A warm neutral background rather than pure white if you want softness. Avoid black backgrounds, which read as theatrical rather than dignified and make body text harder for older eyes.
Do not use colour to carry meaning on its own.
Motion: none
No sliders. No fade-ins as the visitor scrolls. No parallax. No autoplaying video. No counters. No chat bubble that opens by itself and no exit pop-up.
If you use a video of the premises or of a celebrant speaking, it plays when the visitor presses play, with captions available.
This is the single biggest difference between a site that feels calm and one that does not, and it is free.
Photography
Real photographs of your building, your chapel, your cars, your grounds and your people. Taken by a photographer, in daylight, without filters. A team photograph where everyone looks like themselves rather than a corporate portrait.
Nothing from a stock library. No sunsets, no candles, no hands, no feathers, no long grass in soft focus. Families have seen those on every other site and they read as a firm that had nothing of its own to show.
Budget for this. On a life events website the photography does more work than the design.
Layout and density
- One idea per screen. A page that answers one question, in order, with a single next step at the end.
- Short paragraphs, two or three sentences.
- Generous white space, particularly above and below headings.
- One call to action per section, and on most pages it is the telephone number.
- No cards in grids of six competing for attention. A list is calmer and reads faster.
The things that must never be covered
The telephone number is the most important element on the site. Nothing may sit on top of it: not a cookie banner, not a chat widget, not a sticky promotional bar. Test this on a small phone with the cookie banner unanswered, because that is what a first-time visitor sees.
Forms
Short, in a single column, with visible labels above each field rather than placeholder text that vanishes. Large tap targets. Clear error messages in words. A message form of three fields, and a confirmation that says who will be in touch and when.
Booking forms for planning-ahead appointments follow the same rules, with the location choice, office, home or video, made obvious.
Speed and quiet code
Calm includes not making somebody wait. Sized and compressed images, no carousel library, few scripts, no font that flashes in three seconds after the text. On a poor connection in a hospital corridor the page should be readable quickly, and the number should be tappable before anything else has loaded.
How to check it
On a phone, at arm's length, in daylight, on mobile data, in a private window.
Can you read the body text without leaning in. Is the number tappable before anything else appears. Does anything move that you did not ask to move. Is any photograph on the site one you did not commission. Read the first paragraph out loud: does it sound like the arrangement room or like an advertisement. Ask somebody over seventy to find your prices while you watch and say nothing.
That last test finds more than any audit tool.
Where this sits
Calm design set up this way, alongside price pages in the regulator's format and a first-days page, is the standing specification for our funeral and life events websites, and it applies just as much to a celebrant site that has to show a person warmly and to a memorial mason site that has to show stone honestly.