The technician showed me exactly what he was doing, step by step, while he worked. It was really interesting to look inside the flue with his tablet camera. Very open service!
Royal Chimney Sweep Repair Cherry Hill — design kit
Color
Palette
Three ramps: ember for fire and calls to action, soot for dark grounds and ink, zinc for the air-and-dryer panel.
Ember
50
100
200
300
400
500
600
700
800
900
Soot
0
50
100
200
300
400
500
600
700
800
900
Zinc
100
300
500
700
Type
Typography
One display face for headings, one text face for everything a visitor actually reads.
Chimney sweeping, inspection and repair
Get your free estimate
Everything we do, explained plainly
Chimney sweeping
Section eyebrow
A lead paragraph sits here, usually a sentence or two that tells a visitor what the section below actually contains.
Body copy is set in the text face at a size built for paragraphs — long enough to read a page of it without the letterforms working against you.
Small print: captions, meta lines, and the fine detail under a card.
Buttons
Every state
Primary, secondary, ghost, disabled and busy — the five states a button actually needs on this site.
Disabled and busy read differently on purpose: one cannot be clicked, the other is already working.
Cards
The mortar joint
Three tones of the same card shape, so a grid can sit on any ground without redesigning the card.
On mortar
The default card, for a light ground.
On soot
The same card, dropped onto a dark section.
On zinc
The air-and-dryer panel’s own tone.
Icons
One stroke weight
Seventeen icons, one stroke, square caps — no emoji, anywhere on this site.
chimney
brush
camera
duct
dryer
flame
shield
phone
clock
pin
check
chevron
arrow
star
droplet
wrench
mail
Forms
One field component
Every input on the site — the contact form and this specimen — is built from the same field.
Let us know which town this is for.
Texture
Running bond
The one photo treatment used sitewide: a scrim under the caption, never over the whole image.
After the sweep
Bare masonry, no glaze, no loose debris on the floor of the firebox.
The same scrim treatment runs under every before-and-after pair and every hero photograph on the site.
Motion
Entrance vocabulary
Cards and list rows fade and lift in as they cross the fold, staggered by a small delay per item.
01
Delay 0ms
02
Delay 80ms
03
Delay 160ms
Nothing animates until the page has already measured what is on screen.
Reviews
The reviews widget
The same component the site uses everywhere reviews appear, reading straight from the Google listing.
5.0
15 reviews on Google
Read on
I have an ancient farm home with an unlined brick chimney. They cleaned the soot away with soft brushing without disturbing any of the ancient interior mortar joints.
The tech pointed out a small fracture in our firebrick that I would have overlooked entirely. Patched it up there for a very fair amount.
Frequently asked, about the kit
Where do these tokens come from?
src/styles/tokens.css — every color, radius and shadow on this page is a CSS custom property defined once there.
What happens to this page in production?
It stays on the site at /kit/, marked noindex and left out of the sitemap — a reference for whoever edits the site next, not a page for a visitor to find.
Ember ground
The warmest surface
Reserved for the highest-stakes ask on a page — book the job, or call right now.
Elevation
Shadow and radius
Five shadow steps and four corner radii, named by what they are for rather than by size.
sh-1
sh-2
sh-3
sh-4
sh-5
Radius
Buttons
Cards
Panels
Photographs
Trust
The star-rating component
—This is the star-rating badge exactly as it renders sitewide — the live rating and review count both come from the Google listing, not from this page.