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
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
New sentencing guidelines for firearms offences published today by the Sentencing Council
Extended video hours for official visits
The Sentencing Code and Sentencing Guidelines
On Tuesday 1 December 2020, the Sentencing Code comes into effect in England and Wales, consolidating existing sentencing procedure law into a single Sentencing Act. To enable sentencers and practitioners to follow the Code with immediate effect, the Sentencing...
New code for sending fee
Guidance on new Sending fee
The LAA has today published operational guidance on the new Sending Hearing Fixed Fee in advance of their implementation on Monday. A news story giving further details on the fee, with links to the relevant guidance, can be found on the Gov.uk website:...
APPG on Legal Aid’s Westminster Commission on the Sustainability of Legal Aid
The APPG Inquiry into Sustainability of Legal Aid is now gathering steam, with the first of 6 oral evidence sessions taking place on Thursday 29 October 2020, 10:00-12:30. This will be a live event, with expert witnesses from the world of Criminal Legal Aid giving...
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...
New sentencing guidelines for firearms offences published today by the Sentencing Council
Extended video hours for official visits
The Sentencing Code and Sentencing Guidelines
On Tuesday 1 December 2020, the Sentencing Code comes into effect in England and Wales, consolidating existing sentencing procedure law into a single Sentencing Act. To enable sentencers and practitioners to follow the Code with immediate effect, the Sentencing...
New code for sending fee
Guidance on new Sending fee
The LAA has today published operational guidance on the new Sending Hearing Fixed Fee in advance of their implementation on Monday. A news story giving further details on the fee, with links to the relevant guidance, can be found on the Gov.uk website:...
APPG on Legal Aid’s Westminster Commission on the Sustainability of Legal Aid
The APPG Inquiry into Sustainability of Legal Aid is now gathering steam, with the first of 6 oral evidence sessions taking place on Thursday 29 October 2020, 10:00-12:30. This will be a live event, with expert witnesses from the world of Criminal Legal Aid giving...
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...
New sentencing guidelines for firearms offences published today by the Sentencing Council
Extended video hours for official visits
The Sentencing Code and Sentencing Guidelines
On Tuesday 1 December 2020, the Sentencing Code comes into effect in England and Wales, consolidating existing sentencing procedure law into a single Sentencing Act. To enable sentencers and practitioners to follow the Code with immediate effect, the Sentencing...
New code for sending fee
Guidance on new Sending fee
The LAA has today published operational guidance on the new Sending Hearing Fixed Fee in advance of their implementation on Monday. A news story giving further details on the fee, with links to the relevant guidance, can be found on the Gov.uk website:...
APPG on Legal Aid’s Westminster Commission on the Sustainability of Legal Aid
The APPG Inquiry into Sustainability of Legal Aid is now gathering steam, with the first of 6 oral evidence sessions taking place on Thursday 29 October 2020, 10:00-12:30. This will be a live event, with expert witnesses from the world of Criminal Legal Aid giving...