Personal, not traditional
Experienced people remain at the centre, supported by a simpler and more useful digital experience.
Page example
Kath Wells Design Direction by ExpertWeb
Let's create
your new website.
We've created this style guide as a way of showing you how your new website could look.
The creative direction
Modern local expertise,
expressed with warmth.
A bright, quietly premium system combining local and lifestyle imagery, confident simplicity and a distinctive illustrated voice.
Premium, not exclusive
Confident typography, authentic imagery and generous space without drifting into luxury-property clichés.
Local, not generic
Leeds landmarks, recognisable homes and straightforward language make the brand feel rooted in its area.
01 · Colour
Muted foundations.
One confident accent.
Ink and warm neutrals carry the interface. KW red is reserved for active states, arrows, rules and illustration details—not large backgrounds.
Ink
#0C1830
KW red
#C8102E
Ivory
#F7F5F0
Stone
#E9E4DC
Sage
#A8ADA3
Charcoal
#202322
02 · Typography
One sans-serif.
A clear voice.
Manrope gives the brand a contemporary, open character while keeping property details, navigation and forms highly readable.
Aa
Lorem ipsum dolor sit amet consectetur
Sed lectus orci, ornare quis justo et
Mauris sodales, neque vel ullamcorper fringilla, nibh lacus posuere leo, in gravida orci turpis id nibh. Curabitur ut sodales eros, ac consequat justo.
BOOK A FREE VALUATION
Display52–102px
H240–76px
H321–28px
Body16–18px
Label12–14px
03 · Logo use
Less detail.
More presence.
The website header uses only the primary wordmark. The complete lock-up remains available for the footer, boards and valuation documents.
Reversed wordmark · Primary header
Standard wordmark · Light surfaces
04 · Illustration
Useful pictograms
with local personality.
These illustrations contrast nicely with the clean layout to bring some focus and interest. Each pictogram has a KW red highlight to keep it on brand.
Fun and personable
Sketched style
One red highlight
Legible at small sizes
05 · Interface language
Quiet components.
Confident interactions.
Square edges, crisp rules, generous touch targets and visible focus states allow content and illustration to provide the personality.
Buttons
Form controls
Dark surface
Example headline
Ut vestibulum massa ut orci egestas. Sed leo velit, hendrerit nec porttitor at.
Talk to the teamReview treatment
“Nibh lacus posuere leo, in gravida orci turpis id nibh. Curabitur ut sodales eros, ac consequat justo.”
Example client review · Leeds
06 · Example page rhythm
One clear idea
at a time.
Pages move from atmosphere to reassurance, then into one useful choice. Larger gaps create confidence and make content easier to absorb.
01Location-led hero
02Why Kath Wells
03Service journeys
04People and proof
05Properties and areas
06Valuation invitation