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
Presiders’ Open Letter on Remote Hearings in Crown Courts in London and South East
27 March 2020 Click here to read
Changes to the way Courts and Tribunals will operate during COVID19
27 March 2020 As a result of the unprecedented challenges we are facing, we have significantly increased capacity for phone and video hearings to provide alternatives to face-to-face hearings. These will be used wherever this is suitable for the participants...
Attending Police Stations & Magistrates’ Courts – 27 March 2020
We understand our members remain concerned for their safety at police stations and courts. We have proposed a joint protocol with the LCCSA A message from the CLSA & LCCSA We understand that as the threat from the COVID-19 pandemic worsens with each...
MOJ Covid-19 Stakeholder Update – 26 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
MOJ – Covid-19 Stakeholder Update – 25 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
CLSA Chair, Bill Waddington, has been attending a virtual meeting with the Criminal Law Committee.
25 March 2020 The outcome of which we can share: The main points are: LAA has been asked to confirm that full PS fee is payable if the matter is handled by phone. That would mean of course more than just an advice call. So disclosure is emailed or seen at station,...
MOT Covid-19 Stakeholder Update 24 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
Coronavirus (COVID-19): Legal Aid Agency contingency response – updated 24 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=a4e2b6fd-fcc6-45f3-83b7-18b8514376b2&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Corona Virus Business Support
https://www.businesssupport.gov.uk/coronavirus-business-support/
Family Court Position & Update from the Chair of the Bar 24 March 2020
https://www.judiciary.uk/wp-content/uploads/2020/03/The-Remote-Access-Family-Court.pdf https://www.barcouncil.org.uk/resource/update-from-the-chair-of-the-bar-attending-court-following-the-prime-minister-s-latest-announcement.html
Presiders’ Open Letter on Remote Hearings in Crown Courts in London and South East
27 March 2020 Click here to read
Changes to the way Courts and Tribunals will operate during COVID19
27 March 2020 As a result of the unprecedented challenges we are facing, we have significantly increased capacity for phone and video hearings to provide alternatives to face-to-face hearings. These will be used wherever this is suitable for the participants...
Attending Police Stations & Magistrates’ Courts – 27 March 2020
We understand our members remain concerned for their safety at police stations and courts. We have proposed a joint protocol with the LCCSA A message from the CLSA & LCCSA We understand that as the threat from the COVID-19 pandemic worsens with each...
MOJ Covid-19 Stakeholder Update – 26 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
MOJ – Covid-19 Stakeholder Update – 25 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
CLSA Chair, Bill Waddington, has been attending a virtual meeting with the Criminal Law Committee.
25 March 2020 The outcome of which we can share: The main points are: LAA has been asked to confirm that full PS fee is payable if the matter is handled by phone. That would mean of course more than just an advice call. So disclosure is emailed or seen at station,...
MOT Covid-19 Stakeholder Update 24 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
Coronavirus (COVID-19): Legal Aid Agency contingency response – updated 24 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=a4e2b6fd-fcc6-45f3-83b7-18b8514376b2&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Corona Virus Business Support
https://www.businesssupport.gov.uk/coronavirus-business-support/
Family Court Position & Update from the Chair of the Bar 24 March 2020
https://www.judiciary.uk/wp-content/uploads/2020/03/The-Remote-Access-Family-Court.pdf https://www.barcouncil.org.uk/resource/update-from-the-chair-of-the-bar-attending-court-following-the-prime-minister-s-latest-announcement.html
Presiders’ Open Letter on Remote Hearings in Crown Courts in London and South East
27 March 2020 Click here to read
Changes to the way Courts and Tribunals will operate during COVID19
27 March 2020 As a result of the unprecedented challenges we are facing, we have significantly increased capacity for phone and video hearings to provide alternatives to face-to-face hearings. These will be used wherever this is suitable for the participants...
Attending Police Stations & Magistrates’ Courts – 27 March 2020
We understand our members remain concerned for their safety at police stations and courts. We have proposed a joint protocol with the LCCSA A message from the CLSA & LCCSA We understand that as the threat from the COVID-19 pandemic worsens with each...
MOJ Covid-19 Stakeholder Update – 26 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
MOJ – Covid-19 Stakeholder Update – 25 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
CLSA Chair, Bill Waddington, has been attending a virtual meeting with the Criminal Law Committee.
25 March 2020 The outcome of which we can share: The main points are: LAA has been asked to confirm that full PS fee is payable if the matter is handled by phone. That would mean of course more than just an advice call. So disclosure is emailed or seen at station,...
MOT Covid-19 Stakeholder Update 24 March 2020
We have robust and well-established plans to ensure we can continue to deliver key services across the justice system. Legislation is being sought through an emergency bill in response to the virus that could extend the circumstances in which a court can direct the...
Coronavirus (COVID-19): Legal Aid Agency contingency response – updated 24 March 2020
https://www.gov.uk/guidance/coronavirus-covid-19-legal-aid-agency-contingency-response?utm_source=a4e2b6fd-fcc6-45f3-83b7-18b8514376b2&utm_medium=email&utm_campaign=govuk-notifications&utm_content=immediate
Corona Virus Business Support
https://www.businesssupport.gov.uk/coronavirus-business-support/
Family Court Position & Update from the Chair of the Bar 24 March 2020
https://www.judiciary.uk/wp-content/uploads/2020/03/The-Remote-Access-Family-Court.pdf https://www.barcouncil.org.uk/resource/update-from-the-chair-of-the-bar-attending-court-following-the-prime-minister-s-latest-announcement.html