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
Button
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
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
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
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.
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 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.
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
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts will only be dealing with defendants in custody (including custody trials), videolinks, overnight cases, DVPOs and POCAs. There will be 4 courts sitting at Manchester Magistrates’ Court...
London Magistrate Courts Priority Listing Measures – COVID 19
caling back of non-essential work – PRIORITY LISTING MEASURES – London Magistrates’ Courts EFFECTIVE IMMEDIATELY – 23 March to and including 3 April 2020 PRIORITY CASES ONLY CONSOLIDATION OF MAGISTRATES’ COURT PRIORITY WORK INTO FEWER...
The Vice-President of the CACD has provided the following guidance for hearings in the CACD – 23 March 2020
From Lord Justice Fulford, Vice-President Court of Appeal (Criminal Division) The Vice-President of the CACD has provided the following guidance for hearings in the CACD during the period whilst there are variations in the way appeals and applications are...
Coronavirus (COVID-19): Legal Aid Agency contingency response – update 23 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=5cf2de16-10f4-4a25-ada6-44a9e0e53076&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Review of court arrangements due to COVID-19, message from the Lord Chief Justice 23 March 2020
23 March 2020 |Coronavirus|COVID-19 Events have continued to move at great speed. I indicated during the course of last week that we would keep them under review. As the Prime Minister has been telling the country, the spread of COVID- 19 has continued to...
MOJ Covid-19 Stakeholder Update
This is the Ministry of Justice’s regular stakeholder communications update service. This is intended to signpost the latest Covid-19 guidance and central government updates. Included in today’s update: A message from the Lord Chancellor The Government has...
CLSA Covid-19 Advice Note Update 16 March 2020
In our Note yesterday we invited people to report any issues concerning measures taken to battle COVID-19. We have now set up a dedicated email, so please send any reports to covid19@clsa.co.uk We would also invite members to regularly...
CLSA Covid19 Note 12 03 20
Click here to read
Ministry of Justice discuss Criminal Legal Aid Review at 2nd London roundtable
On the 28 February 2020, The Ministry of Justice (MoJ) announced a consultation into four “accelerated areas” of the Criminal Legal Aid Review, which were fast tracked in response to concerns raised by the profession. The MoJ would like to hold a second...
Criminal Legal Aid Review – another missed opportunity ?
For a number of years we, together with other representative groups and the Law Society have been warning the government that the profession was at a critical juncture and facing a crisis in sustainability. Our members will remember this was an issue as far back as...
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts will only be dealing with defendants in custody (including custody trials), videolinks, overnight cases, DVPOs and POCAs. There will be 4 courts sitting at Manchester Magistrates’ Court...
London Magistrate Courts Priority Listing Measures – COVID 19
caling back of non-essential work – PRIORITY LISTING MEASURES – London Magistrates’ Courts EFFECTIVE IMMEDIATELY – 23 March to and including 3 April 2020 PRIORITY CASES ONLY CONSOLIDATION OF MAGISTRATES’ COURT PRIORITY WORK INTO FEWER...
The Vice-President of the CACD has provided the following guidance for hearings in the CACD – 23 March 2020
From Lord Justice Fulford, Vice-President Court of Appeal (Criminal Division) The Vice-President of the CACD has provided the following guidance for hearings in the CACD during the period whilst there are variations in the way appeals and applications are...
Coronavirus (COVID-19): Legal Aid Agency contingency response – update 23 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=5cf2de16-10f4-4a25-ada6-44a9e0e53076&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Review of court arrangements due to COVID-19, message from the Lord Chief Justice 23 March 2020
23 March 2020 |Coronavirus|COVID-19 Events have continued to move at great speed. I indicated during the course of last week that we would keep them under review. As the Prime Minister has been telling the country, the spread of COVID- 19 has continued to...
MOJ Covid-19 Stakeholder Update
This is the Ministry of Justice’s regular stakeholder communications update service. This is intended to signpost the latest Covid-19 guidance and central government updates. Included in today’s update: A message from the Lord Chancellor The Government has...
CLSA Covid-19 Advice Note Update 16 March 2020
In our Note yesterday we invited people to report any issues concerning measures taken to battle COVID-19. We have now set up a dedicated email, so please send any reports to covid19@clsa.co.uk We would also invite members to regularly...
CLSA Covid19 Note 12 03 20
Click here to read
Ministry of Justice discuss Criminal Legal Aid Review at 2nd London roundtable
On the 28 February 2020, The Ministry of Justice (MoJ) announced a consultation into four “accelerated areas” of the Criminal Legal Aid Review, which were fast tracked in response to concerns raised by the profession. The MoJ would like to hold a second...
Criminal Legal Aid Review – another missed opportunity ?
For a number of years we, together with other representative groups and the Law Society have been warning the government that the profession was at a critical juncture and facing a crisis in sustainability. Our members will remember this was an issue as far back as...
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts
With effect from Tuesday 24 March 2020 GM Magistrates’ Courts will only be dealing with defendants in custody (including custody trials), videolinks, overnight cases, DVPOs and POCAs. There will be 4 courts sitting at Manchester Magistrates’ Court...
London Magistrate Courts Priority Listing Measures – COVID 19
caling back of non-essential work – PRIORITY LISTING MEASURES – London Magistrates’ Courts EFFECTIVE IMMEDIATELY – 23 March to and including 3 April 2020 PRIORITY CASES ONLY CONSOLIDATION OF MAGISTRATES’ COURT PRIORITY WORK INTO FEWER...
The Vice-President of the CACD has provided the following guidance for hearings in the CACD – 23 March 2020
From Lord Justice Fulford, Vice-President Court of Appeal (Criminal Division) The Vice-President of the CACD has provided the following guidance for hearings in the CACD during the period whilst there are variations in the way appeals and applications are...
Coronavirus (COVID-19): Legal Aid Agency contingency response – update 23 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=5cf2de16-10f4-4a25-ada6-44a9e0e53076&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Review of court arrangements due to COVID-19, message from the Lord Chief Justice 23 March 2020
23 March 2020 |Coronavirus|COVID-19 Events have continued to move at great speed. I indicated during the course of last week that we would keep them under review. As the Prime Minister has been telling the country, the spread of COVID- 19 has continued to...
MOJ Covid-19 Stakeholder Update
This is the Ministry of Justice’s regular stakeholder communications update service. This is intended to signpost the latest Covid-19 guidance and central government updates. Included in today’s update: A message from the Lord Chancellor The Government has...
CLSA Covid-19 Advice Note Update 16 March 2020
In our Note yesterday we invited people to report any issues concerning measures taken to battle COVID-19. We have now set up a dedicated email, so please send any reports to covid19@clsa.co.uk We would also invite members to regularly...
CLSA Covid19 Note 12 03 20
Click here to read
Ministry of Justice discuss Criminal Legal Aid Review at 2nd London roundtable
On the 28 February 2020, The Ministry of Justice (MoJ) announced a consultation into four “accelerated areas” of the Criminal Legal Aid Review, which were fast tracked in response to concerns raised by the profession. The MoJ would like to hold a second...
Criminal Legal Aid Review – another missed opportunity ?
For a number of years we, together with other representative groups and the Law Society have been warning the government that the profession was at a critical juncture and facing a crisis in sustainability. Our members will remember this was an issue as far back as...


