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
The existing 2017 Standard Crime Contract will be extended for a further 12 months
The existing 2017 Standard Crime Contract will be extended for a further 12 months with an option for existing contracted providers to further extend for six months The 12 month extension to 31 March 2022 is automatic – existing providers do not need to do anything...
Solicitors and CPS join Professional Users Access Scheme
London Criminal Courts Solicitors' Association, Criminal Law Solicitors Association and Crown Prosecution Service join fast-track entry to HMCTS buildings. From today (1 February), solicitors will be able to register for the professional users’ access scheme, which...
Revised drug sentencing guidelines published to reflect changes in offending
20210126 Revised drug offences guidelines published (1)
Guide to the availability of live links in magistrates’ courts under their criminal and civil jurisdiction
210126 - Live Link Matrix - MC Crime & Civil
Members invited to the next CLSA Committee Meeting on Thursday 11 February 2021
As our Chair mentioned in our last e-alert before Christmas, we are opening up some of the meetings of the committee to members so you can ask questions regarding what is happening at the moment and have an input on our strategy as we move forward. The next meeting is...
Joint Media release and statement to Kevin Sadler
Joint Media Release- HMCTS safety concerns- 20.01.21 Joint Statement to Kevin Sadler v2
London Magistrates’ Courts
January 2021 Maintaining Justice – adjusted Court Operations during Covid19 - Enhanced safety measures introduced. This paper is issued by HMCTS in consultation with the judiciary
COVID-19: Operational notice for external court users of Reading Magistrates’ Court
CLSA has been monitoring the issues raised by the pandemic and practices at courts across HMCtS’ estate, especially given the new strain and the massive spike in infections being experienced in parts of the country. We would encourage members to notify us of any...
CLSA Statement regarding the Criminal Justice System and current Covid crisis
The CLSA is concerned that Police Stations and Courts are not safe during this current phase of the pandemic. The virus spread appears to be out of control. Many areas of the UK are seeing emergency services stretched beyond capacity. Previous ‘Covid secure’ steps...
Message from new CLSA Chair, Daniel Bonich
The existing 2017 Standard Crime Contract will be extended for a further 12 months
The existing 2017 Standard Crime Contract will be extended for a further 12 months with an option for existing contracted providers to further extend for six months The 12 month extension to 31 March 2022 is automatic – existing providers do not need to do anything...
Solicitors and CPS join Professional Users Access Scheme
London Criminal Courts Solicitors' Association, Criminal Law Solicitors Association and Crown Prosecution Service join fast-track entry to HMCTS buildings. From today (1 February), solicitors will be able to register for the professional users’ access scheme, which...
Revised drug sentencing guidelines published to reflect changes in offending
20210126 Revised drug offences guidelines published (1)
Guide to the availability of live links in magistrates’ courts under their criminal and civil jurisdiction
210126 - Live Link Matrix - MC Crime & Civil
Members invited to the next CLSA Committee Meeting on Thursday 11 February 2021
As our Chair mentioned in our last e-alert before Christmas, we are opening up some of the meetings of the committee to members so you can ask questions regarding what is happening at the moment and have an input on our strategy as we move forward. The next meeting is...
Joint Media release and statement to Kevin Sadler
Joint Media Release- HMCTS safety concerns- 20.01.21 Joint Statement to Kevin Sadler v2
London Magistrates’ Courts
January 2021 Maintaining Justice – adjusted Court Operations during Covid19 - Enhanced safety measures introduced. This paper is issued by HMCTS in consultation with the judiciary
COVID-19: Operational notice for external court users of Reading Magistrates’ Court
CLSA has been monitoring the issues raised by the pandemic and practices at courts across HMCtS’ estate, especially given the new strain and the massive spike in infections being experienced in parts of the country. We would encourage members to notify us of any...
CLSA Statement regarding the Criminal Justice System and current Covid crisis
The CLSA is concerned that Police Stations and Courts are not safe during this current phase of the pandemic. The virus spread appears to be out of control. Many areas of the UK are seeing emergency services stretched beyond capacity. Previous ‘Covid secure’ steps...
Message from new CLSA Chair, Daniel Bonich
Dear Member As we approach the Festive period and the New Year, I wanted to write to you all to thank you for your continued support of the CLSA. Without your membership and engagement we would not have the ability to speak on your behalf, and we recognise in these...
The existing 2017 Standard Crime Contract will be extended for a further 12 months
The existing 2017 Standard Crime Contract will be extended for a further 12 months with an option for existing contracted providers to further extend for six months The 12 month extension to 31 March 2022 is automatic – existing providers do not need to do anything...
Solicitors and CPS join Professional Users Access Scheme
London Criminal Courts Solicitors' Association, Criminal Law Solicitors Association and Crown Prosecution Service join fast-track entry to HMCTS buildings. From today (1 February), solicitors will be able to register for the professional users’ access scheme, which...
Revised drug sentencing guidelines published to reflect changes in offending
20210126 Revised drug offences guidelines published (1)
Guide to the availability of live links in magistrates’ courts under their criminal and civil jurisdiction
210126 - Live Link Matrix - MC Crime & Civil
Members invited to the next CLSA Committee Meeting on Thursday 11 February 2021
As our Chair mentioned in our last e-alert before Christmas, we are opening up some of the meetings of the committee to members so you can ask questions regarding what is happening at the moment and have an input on our strategy as we move forward. The next meeting is...
Joint Media release and statement to Kevin Sadler
Joint Media Release- HMCTS safety concerns- 20.01.21 Joint Statement to Kevin Sadler v2
London Magistrates’ Courts
January 2021 Maintaining Justice – adjusted Court Operations during Covid19 - Enhanced safety measures introduced. This paper is issued by HMCTS in consultation with the judiciary
COVID-19: Operational notice for external court users of Reading Magistrates’ Court
CLSA has been monitoring the issues raised by the pandemic and practices at courts across HMCtS’ estate, especially given the new strain and the massive spike in infections being experienced in parts of the country. We would encourage members to notify us of any...
CLSA Statement regarding the Criminal Justice System and current Covid crisis
The CLSA is concerned that Police Stations and Courts are not safe during this current phase of the pandemic. The virus spread appears to be out of control. Many areas of the UK are seeing emergency services stretched beyond capacity. Previous ‘Covid secure’ steps...
Message from new CLSA Chair, Daniel Bonich
Dear Member As we approach the Festive period and the New Year, I wanted to write to you all to thank you for your continued support of the CLSA. Without your membership and engagement we would not have the ability to speak on your behalf, and we recognise in these...