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
New Crown Court guidance – Unused material payment
Crown Court fee claims guidance has been updated with new and revised forms for submissions with representation orders on or after 17 September 2020. View the new guidance & forms here:...
At last – some good news
The Crown Court at Manchester, Crown Square – 17 August 2020
While Crown Square is temporarily closed, where possible cases will be relocated, progressed and heard within Greater Manchester. The aim is to reduce loss of work to a minimum. Monday’s trial is moving to Minshull Street and special arrangements have already...
Sentencing Council: new Definitive Guideline published
The Sentencing Council has today published, in accordance with section 120 of the Coroners and Justice Act 2009, a new definitive guideline, ‘Overarching principles: Sentencing offenders with mental disorders, developmental disorders and neurological impairments’. ...
Prisons ready to provide the CVP VMR service
Karl Turner MP – Coronavirus Legal Aid Report
A Guide to Peer Review – Crime Webinar – CLSA & LCCSA
A Guide to Peer Review - Crime Webinar - CLSA & LCCSA Thursday 9 July 2020 – 4:30pm – 5:30pm A Guide to Peer Review - Crime This free 60-minutes webinar will assist firms in understanding the Legal Aid Agency's approach to...
COVID 19 CHECKLIST FOR COMPLIANCE
Click here for a copy As lockdown restrictions ease, we see that HMCTS are increasing the number of cases coming before the Courts. The CLSA has voiced concern about Court Risk Assessments not being provided upon request, particularly when they are key to...
MC Clarification Guidance 22 June 2020
21062020_ clarification MC guidance _FINAL 21062020_Interest of Justice test in the Coronavirus Act This is intended to clarify the Judicial Office message on Friday in order to address concerns which have been expressed. As explained, the Coronavirus...
Solicitor enraged by struggle to see court risk assessment
New Crown Court guidance – Unused material payment
Crown Court fee claims guidance has been updated with new and revised forms for submissions with representation orders on or after 17 September 2020. View the new guidance & forms here:...
At last – some good news
The Crown Court at Manchester, Crown Square – 17 August 2020
While Crown Square is temporarily closed, where possible cases will be relocated, progressed and heard within Greater Manchester. The aim is to reduce loss of work to a minimum. Monday’s trial is moving to Minshull Street and special arrangements have already...
Sentencing Council: new Definitive Guideline published
The Sentencing Council has today published, in accordance with section 120 of the Coroners and Justice Act 2009, a new definitive guideline, ‘Overarching principles: Sentencing offenders with mental disorders, developmental disorders and neurological impairments’. ...
Prisons ready to provide the CVP VMR service
Karl Turner MP – Coronavirus Legal Aid Report
A Guide to Peer Review – Crime Webinar – CLSA & LCCSA
A Guide to Peer Review - Crime Webinar - CLSA & LCCSA Thursday 9 July 2020 – 4:30pm – 5:30pm A Guide to Peer Review - Crime This free 60-minutes webinar will assist firms in understanding the Legal Aid Agency's approach to...
COVID 19 CHECKLIST FOR COMPLIANCE
Click here for a copy As lockdown restrictions ease, we see that HMCTS are increasing the number of cases coming before the Courts. The CLSA has voiced concern about Court Risk Assessments not being provided upon request, particularly when they are key to...
MC Clarification Guidance 22 June 2020
21062020_ clarification MC guidance _FINAL 21062020_Interest of Justice test in the Coronavirus Act This is intended to clarify the Judicial Office message on Friday in order to address concerns which have been expressed. As explained, the Coronavirus...
Solicitor enraged by struggle to see court risk assessment
New Crown Court guidance – Unused material payment
Crown Court fee claims guidance has been updated with new and revised forms for submissions with representation orders on or after 17 September 2020. View the new guidance & forms here:...
At last – some good news
The Crown Court at Manchester, Crown Square – 17 August 2020
While Crown Square is temporarily closed, where possible cases will be relocated, progressed and heard within Greater Manchester. The aim is to reduce loss of work to a minimum. Monday’s trial is moving to Minshull Street and special arrangements have already...
Sentencing Council: new Definitive Guideline published
The Sentencing Council has today published, in accordance with section 120 of the Coroners and Justice Act 2009, a new definitive guideline, ‘Overarching principles: Sentencing offenders with mental disorders, developmental disorders and neurological impairments’. ...
Prisons ready to provide the CVP VMR service
Karl Turner MP – Coronavirus Legal Aid Report
A Guide to Peer Review – Crime Webinar – CLSA & LCCSA
A Guide to Peer Review - Crime Webinar - CLSA & LCCSA Thursday 9 July 2020 – 4:30pm – 5:30pm A Guide to Peer Review - Crime This free 60-minutes webinar will assist firms in understanding the Legal Aid Agency's approach to...
COVID 19 CHECKLIST FOR COMPLIANCE
Click here for a copy As lockdown restrictions ease, we see that HMCTS are increasing the number of cases coming before the Courts. The CLSA has voiced concern about Court Risk Assessments not being provided upon request, particularly when they are key to...
MC Clarification Guidance 22 June 2020
21062020_ clarification MC guidance _FINAL 21062020_Interest of Justice test in the Coronavirus Act This is intended to clarify the Judicial Office message on Friday in order to address concerns which have been expressed. As explained, the Coronavirus...


