Skip to main content
Service update

Some tools are still being tested

Some tools may be unavailable or may not work as expected while we complete final testing.

This is a new service. Help us improve it and give your feedback.

Criminal Justice Hub Design System

Styles

CJH visual style foundations.

Styles give CJH pages a consistent look while keeping content readable and accessible.

Brand colours

Primary teal for headings, links, panels and buttons.
Gold accent for highlights and selected navigation states.
Purple accent used sparingly for secondary emphasis.

Typography

Use system fonts for performance and readability. Avoid long paragraphs, unexplained acronyms and decorative text treatments.

Focus states

Interactive controls must have visible keyboard focus. Do not remove browser focus outlines unless replacing them with a clearer focus style.