Design System

Rooted in Calm,
Built with Care

A visual language for a counselling agency — warm, grounded, and human. Every token, component, and pattern is crafted to feel safe and welcoming.

Version 1.0 2024 Lora · Nunito

Earth & Forest Tones

Drawn from mossy forest floors and warm afternoon light. Each hue is chosen for its calming, approachable quality — never sharp or clinical.

Sage

#6B8F71

Forest

#4E6B53

Pale Sage

#A8C5AC

Bark

#A67C52

Warm Sand

#C9A880

Driftwood

#8C7B6B

Cream

#F7F3EE

Linen

#EDE6DC

Stone

#8A8078

Mist

#D6DDD7

Charcoal

#3B3530

Walnut

#6E5F54

A Gentle Voice in Type

Lora brings warmth and literary grace to headings. Nunito lends a rounded, approachable softness to body text. Together they feel human and trustworthy.

Display / H1

Lora Medium
3rem / 1.2
−0.02em

Finding Peace Within

Heading / H2

Lora Medium
2.25rem / 1.2
−0.02em

Your Journey to Wellbeing

Heading / H3

Lora Medium
1.875rem / 1.4

Grounded in Evidence

Heading / H4

Lora Medium
1.5rem / 1.4

Individual Therapy Sessions

Heading / H5

Lora Medium
1.25rem / 1.4

Next Steps & Booking

Lead Text

Nunito Light
1.25rem / 1.75
muted

We provide a safe, confidential space for individuals, couples, and families to explore life's challenges with the support of an experienced therapist.

Body Text

Nunito Regular
1rem / 1.6

Our approach is rooted in compassion and curiosity. Every session is tailored to your unique needs, drawing on a range of evidence-based modalities including CBT, person-centred therapy, and mindfulness practices. You don't have to face this alone — we're here to walk alongside you.

Small Text

Nunito Regular
0.875rem
light

Sessions are 50 minutes in duration. Fees are available on request. All enquiries are handled with strict confidentiality.

Eyebrow Label

Nunito SemiBold
0.75rem
+0.1em, caps

Our Services

Pullquote

Lora Italic
1.5rem / 1.75
muted

"The oak sleeps in the acorn — within every struggle lies the seed of strength."

Gentle Calls to Action

Rounded pill shapes feel inviting rather than commanding. Hover states are subtle — a quiet lift and deeper tone rather than harsh contrast.

Primary Actions

Secondary Actions

Size Variants

On Dark Background

Quiet Indicators

Soft pastel badges convey information without demanding attention. Status pills gently communicate availability with a small semantic dot.

Badge Variants

Individual Therapy Couples Counselling Group Sessions Online Available

Availability Status

Accepting Clients Currently Full Waitlist Open

Service Cards

Cards use generous rounding and a subtle coloured top border to signal category. The hover lift is gentle — 4px — to feel organic rather than mechanical.

Individual Therapy

One-to-one sessions in a safe, confidential space. We work at your pace to understand what's beneath the surface and support lasting change.

Explore this service

Couples Counselling

Rebuild connection and improve communication. Our therapists help couples navigate conflict, grief, transitions, and the everyday friction of shared life.

Explore this service

Group Therapy

Facilitated small groups where shared experience becomes shared strength. Topics include anxiety, grief, loss, and life transitions in a warm, held environment.

Explore this service

Testimonial Cards

Client voices rendered with gentle italic serif and a warm quotation mark. Stars use the warm sand colour to keep emphasis soft and human.

I came in feeling completely overwhelmed. After just a few sessions I began to see a way through. The warmth and patience of my therapist made all the difference.

Portrait of Sarah M., a woman smiling warmly

Sarah M.

Individual therapy client

Couples counselling genuinely saved our relationship. We learned to really listen to each other again. I'd recommend this practice to anyone without hesitation.

Portrait of James & Lena T., a couple smiling together

James & Lena T.

Couples counselling clients

The group sessions gave me language for things I'd never been able to express. Knowing others shared my experience lifted so much of the shame I'd been carrying.

Portrait of Priya K., a woman with a gentle, thoughtful expression

Priya K.

Group therapy participant

Warm, Accessible Inputs

Form fields use a cream background and soft sage focus ring. The overall feel is inviting and unintimidating — a gentle prompt to share, not a clinical questionnaire.

Book a Free Consultation

Take the first step. Fill in a few details and we'll be in touch within one working day.

Everything you share is completely confidential.

Room to Breathe

Generous whitespace is essential to the calm aesthetic. The spacing scale starts small and expands steadily, with a dedicated section value for large vertical rhythm.

--ds-space-xs

0.25rem · 4px

--ds-space-sm

0.5rem · 8px

--ds-space-md

1rem · 16px

--ds-space-lg

1.5rem · 24px

--ds-space-xl

2rem · 32px

--ds-space-2xl

3rem · 48px

--ds-space-3xl

4rem · 64px

--ds-space-section

5rem · 80px

Softness at Every Corner

Corner rounding is intentionally generous throughout. Pill shapes for buttons and badges, large rounding for cards, subtle rounding for inputs — nothing is sharp.

Small 6px
Medium 12px
Large 20px
XLarge 32px
Full / Pill 9999px

Subtle Elevation

Shadows are warm-toned — tinted slightly toward the charcoal of the text colour — and intentionally soft. They convey depth without drama.

Small Badges, inputs
Medium Cards, forms
Large Hover, modals

Gentle Linework

Icons use a rounded stroke style at 1.8px weight. They are never filled or angular — the softness of the linework matches the typeface and overall aesthetic.

heart
smile
home
users
calendar
message
clock
phone
mail
info
check
location