Caroline Wertheimer

Director of Operations

Caroline initially joined JSENSE in 2019 as project support. Bringing her experience in contract management, along with her experience in working with other charities for a number of years, including The FED in their events and marketing team. Caroline brings a structured approach to her role as Director of Operations, offering invaluable skills and ensuring all JSENSE's operational considerations are effectively integrated into the overall project management strategy

Boilerplate

JSENSE design system

Colour

Grape Brand primary

grape-tint

grape-tint-2

grape-bright

grape-light

grape

grape-dark

Leaf Go / primary action

leaf-tint

leaf-bright

leaf

leaf-dark

Sky Info / accessibility

sky-tint

sky-bright

sky

sky-dark

Sun Highlight / badges

sun-tint

sun-bright

sun

sun-dark

Coral Donate / warmth

coral-tint

coral-bright

coral

coral-dark

Tangerine Events / energy

tangerine-tint

tangerine-bright

tangerine

tangerine-dark

Neutrals

snow

polar

cloud

swan

hare

wolf

eel

ink

Semantic aliases

These are the only names components should use. The accessibility modes re-point them, which is why High Contrast and Dark Contrast work everywhere without a single component change.

primary

primary-dark

primary-50

green

blue

accent

error

text

heading

text-muted

bg

bg-alt

border

bg-dark

Typography

--text-6xl Display hero

Making sense

--text-5xl Display

Together, always

--text-4xl Page title

How we help

--text-3xl Section title

Upcoming events

--text-2xl Subsection

Parent support groups

--text-xl Card title

Advocacy helpline

--text-lg Lede

Free, confidential and answered by people who understand.

--text-base Body

One-to-one help understanding the SEND system, aged 0 to 25.

--text-sm Small

Supporting families across Greater Manchester.

--text-xs Caption

DATE TO BE ANNOUNCED

Line height

--leading-display

Every family deserves someone in their corner who knows how the system works and will not let go until it does.

--leading-tight

Every family deserves someone in their corner who knows how the system works and will not let go until it does.

--leading-snug

Every family deserves someone in their corner who knows how the system works and will not let go until it does.

--leading-body

Every family deserves someone in their corner who knows how the system works and will not let go until it does.

--leading-loose

Every family deserves someone in their corner who knows how the system works and will not let go until it does.

Space & shape

--space-1

--space-2

--space-3

--space-4

--space-6

--space-8

--space-12

--space-16

--space-24

--gutter

--section-y

Radius

-sm

base

-md

-lg

-xl

-2xl

Depth

Surfaces are flat. Dimension comes from a solid slab of the surface's own darker colour underneath it, never a blur. Press a control and it drops onto that slab.

--depth

--depth-lg

--shadow-md

--shadow-lg

Motion

Easing

--ease-out Default. Settles without fuss.

--ease-pop Overshoots. The house bounce.

--ease-bump Anticipates, then overshoots.

--ease-in Exits only.

Duration

--dur-instant

--dur-fast

--dur-base

--dur-slow

--dur-loop

Looping animations, hover lifts and scroll reveals were removed at the client's request: moving objects were reported as distracting from a neurodiverse perspective. Durations above are still used for colour and shadow transitions, and by the mobile menu.

Buttons

Variants

What each colour means

Colour	Means	Used by
Yellow	The one action a page is built around	Learn more in the hero, and the campaign appeal
Teal	Giving money	Donate, in the header and the banner
Purple	Go to another part of the site	See all our services
Outline	Getting in touch, and anything secondary — present without competing with the coloured button beside it	Contact in the header, every phone and email button
White	Any of the above on a purple band, where the colour above would be too dark to make out	The helpline number

On a coloured field

The appeal band and the footer (--color-band) stay dark in both themes, so yellow holds at 6.11:1 and btn-on-band stays a white button.

The helpline band (--color-primary) flips to pale pink in dark, and the white button flips with it to stay readable. Yellow would not survive that flip.

Sizes

States

Surfaces & badges

Flat sticker

Two-pixel border, solid slab beneath. .surface

Lifts on hover

Rises and its slab grows with it. .surface--lift

Flat, no slab

For nesting inside another surface. .surface--flat

Badges

Free Open now Ages 0–25 New Fundraiser Event

Progress

Form controls

Your name

What's it about?

Tell us a little We reply to everything within two working days.

Page patterns

Section heading

What we do

How we help

Every service is free for families of children with special educational needs and disabilities.

Stat

500+Families supported

100%Free services

10+Years experience

Nav pills

Home
Services
Events