Style Guide

Need a solicitor to represent you at Court or at a Police Station?

For members of the public to find a criminal defence lawyer to represent them.

Need cover at a police station or court at short notice or out of area?

For legal professionals to find a CLSA member to arrange cover or to give a referrral.

Global Presets UI Style Guide

01. Color palette

This is the preset standard colour palette for the website.

[COLOUR NAME]

[#XXXXXX]

[COLOUR NAME]

[#XXXXXX]

[COLOUR NAME]

[#XXXXXX]

[COLOUR NAME]

[#XXXXXX]

[COLOUR NAME]

[#XXXXXX]

[COLOUR NAME]

[#XXXXXX]

WHITE

#FFFFFF

PALE GREY

#F9F9F9

LIGHT GREY

#f2f2f2

MEDIUM GREY

#e0e0e0

DARK GREY

#666666

BLACK

#000000

GRADIENT – L/R

#F9F9F9

#e0e0e0

GRADIENT – L/R

#666666

#000000

GRADIENT – T/B

#F9F9F9

#e0e0e0

GRADIENT – T/B

#666666

#000000

02. Text styles

These are the preset text styles used throughout the website.

DARK

LIGHT

DARK 2

Heading 1

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

Heading 4

Heading 4

Heading 5

Heading 5
Heading 5
Heading 5

Heading 6

Heading 6
Heading 6
Heading 6

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

03. Modules

These are the preset styles for the most used modules.

Primary

Secondary

Tertiary

Blurb

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Call to action

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Image

Divider

Person

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Toggle

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Testimonial

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Video

Accordion

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Blog

Spooky Criminal Facts: The Witchcraft Act

Spooky Criminal Facts: The Witchcraft Act

In a time when witches were feared more than bad costume parties, the UK Witchcraft Act made its chilling debut in 1542, officially turning spell-casting into a crime punishable by death! But, like a Halloween prank, the Act was repealed and re-established 20 years...

CLSA CONFERENCE – SOLD OUT

CLSA ANNUAL CONFERENCE & AGM – FRIDAY 4th OCTOBER 2024 As we head in the week of our conference we wanted to set out some final details. Registration starts at 9:30 on Friday 4th October, and we aim to finish out packed programme by 4:30pm We are now SOLD OUT...

New Crime Contract has now opened

As many of you will have seen the tender process for new Crime Contract has now opened. This new contract is loosely based on the 2017 contract but there are significant differences, not least of which is the fact the contract is a much longer 10 year commitment...

Power Moves for Newly Qualified Criminal Law Solicitors

Power Moves for Newly Qualified Criminal Law Solicitors

Congratulations on qualifying as a Solicitor! Years of hard work have paid off and you are now a fully-fledged legal professional, ready to take on the criminal law world. As a newly qualified solicitor, particularly in the dynamic field of criminal law, you are...

Spooky Criminal Facts: The Witchcraft Act

Spooky Criminal Facts: The Witchcraft Act

In a time when witches were feared more than bad costume parties, the UK Witchcraft Act made its chilling debut in 1542, officially turning spell-casting into a crime punishable by death! But, like a Halloween prank, the Act was repealed and re-established 20 years...

CLSA CONFERENCE – SOLD OUT

CLSA ANNUAL CONFERENCE & AGM – FRIDAY 4th OCTOBER 2024 As we head in the week of our conference we wanted to set out some final details. Registration starts at 9:30 on Friday 4th October, and we aim to finish out packed programme by 4:30pm We are now SOLD OUT...

New Crime Contract has now opened

As many of you will have seen the tender process for new Crime Contract has now opened. This new contract is loosely based on the 2017 contract but there are significant differences, not least of which is the fact the contract is a much longer 10 year commitment...

Power Moves for Newly Qualified Criminal Law Solicitors

Power Moves for Newly Qualified Criminal Law Solicitors

Congratulations on qualifying as a Solicitor! Years of hard work have paid off and you are now a fully-fledged legal professional, ready to take on the criminal law world. As a newly qualified solicitor, particularly in the dynamic field of criminal law, you are...

Spooky Criminal Facts: The Witchcraft Act

Spooky Criminal Facts: The Witchcraft Act

In a time when witches were feared more than bad costume parties, the UK Witchcraft Act made its chilling debut in 1542, officially turning spell-casting into a crime punishable by death! But, like a Halloween prank, the Act was repealed and re-established 20 years...

CLSA CONFERENCE – SOLD OUT

CLSA ANNUAL CONFERENCE & AGM – FRIDAY 4th OCTOBER 2024 As we head in the week of our conference we wanted to set out some final details. Registration starts at 9:30 on Friday 4th October, and we aim to finish out packed programme by 4:30pm We are now SOLD OUT...

New Crime Contract has now opened

As many of you will have seen the tender process for new Crime Contract has now opened. This new contract is loosely based on the 2017 contract but there are significant differences, not least of which is the fact the contract is a much longer 10 year commitment...

Power Moves for Newly Qualified Criminal Law Solicitors

Power Moves for Newly Qualified Criminal Law Solicitors

Congratulations on qualifying as a Solicitor! Years of hard work have paid off and you are now a fully-fledged legal professional, ready to take on the criminal law world. As a newly qualified solicitor, particularly in the dynamic field of criminal law, you are...