Toolkit – JACB
v1.2.0

Toolkit

The building blocks, page templates and plans for jacb.co.uk.

Colour

Blue#1d70b8
Purple#54319f
Teal#158187
Magenta#ca357c
Green#0f7a52
Black#0b0c0c
Cyan accent#00ffe0
Surface#f4f8fb

Type

Display Heading Card title Body text. Arial throughout, 19px for reading, 16px minimum. Secondary text, 16px

Buttons

Primary on dark Ask JACB
Primary on light Confirm Secondary Text link

Pills and tags

Wi-Fi and networks CCTV Monitoring Websites #UniFi Next up v1.0.0

Cards

Service card

Solid colour, white text. Used for services and coming soon.

example.com

Website card

Soft tint with a coloured dot. Used for website examples.

Dark panel

Used for the footer and summaries.

Colour strip

Used at the top of the footer and Ask JACB.

Accordion

{{ ac.body }}

Page templates

Content page with sidebar Sticky grouped menu, sections and an accordion. Duplicate it to start a new page. View template

Coming soon

Improvements we are working on for this website. Got an idea? Tell Ask JACB.

Next up

Typing dots

Three bouncing coloured dots while Ask JACB is thinking, instead of "Typing…".

Planned

Word-by-word replies

Answers appear gradually, as if someone is typing them.

Planned

Answer cards

Replies that include a small card, like "Book a survey" or a link to a service or story.

Planned

Page-aware greeting

Ask JACB opens with questions about the page you are on, such as the story you are reading.

Planned

Quick feedback

A thumbs up or down under each answer, so we can see what works.

Next up

Launcher nudge

A small speech bubble on the Ask JACB button, rather than the chat opening by itself.

Planned

Opening animation

The chat slides up from the button, with a wave from the logo.

Planned

Dark mode

A black version of Ask JACB that matches the footer.

Planned

Rate stories

The "Was this story useful?" buttons on each story will start working.

Changelog

v1.2.0 11 October 2026

Clean web addresses

  • Pages renamed for short addresses, like jacb.co.uk/stories
  • Homepage served from the site root
  • Old page addresses redirect to the new ones
v1.1.0 11 October 2026

Toolkit, case studies and WhatsApp

  • Gathering the Voices added to website examples, with a case study page
  • Page template with a sticky section menu and accordion
  • Design Book content brought into the site
  • Components and Coming soon combined into Toolkit
  • Continue on WhatsApp in Ask JACB (beta)
  • Colour-coded header nav, and new contact emails
  • Ask JACB now opens after 15 seconds
v1.0.0 11 October 2026

First release

  • Ask JACB: an AI helper on every page, with a message form for the team
  • Stories, with tags and filters
  • Wi-Fi, CCTV, monitoring and 8x8 services
  • Website examples
  • Cookie choices, with analytics off by default