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
Letter to The Rt Hon Priti Patel MP
Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home Secretary Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home...
90 firms support the joint message from the LCCSA & CLSA
Click here to read the message Click here to read the list of firms To join the list email admin@clsa.co.uk with 'support' in the subject
Report examples of non-compliance with the joint NPCC-CLSA-LCCSA-CPS-Law Society Protocol or for bad practice
https://www.caseratio.co.uk/security/complaintform
Law Society Response to CLAR Accelerated Items Consultation_FINAL_27.03.30
Click here to read Annex A_Sending Fee - work involved
A Joint Message from the LCCSA & CLSA – update 4 April 2020
Click here to read latest version
LAA Financial Assistance guide – 2 April 2020
Details here
Interview Protocol between NPCC, CPS, TLS, CLSA and LCCSA
2 April 2020 Click here to read the Custody Protocol and click here to read Joint CPS and NPCC letter
Updated 1 April 2020 – A Joint Message from the LCCSA Signatories
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned 77 firms hereby support this Message: Click here to view
A Joint Message from the LCCSA & CLSA Police Station & Magistrates’ Court Attendance
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned firms hereby support this Message: Powell Spencer & Partners Bullivant...
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...
Letter to The Rt Hon Priti Patel MP
Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home Secretary Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home...
90 firms support the joint message from the LCCSA & CLSA
Click here to read the message Click here to read the list of firms To join the list email admin@clsa.co.uk with 'support' in the subject
Report examples of non-compliance with the joint NPCC-CLSA-LCCSA-CPS-Law Society Protocol or for bad practice
https://www.caseratio.co.uk/security/complaintform
Law Society Response to CLAR Accelerated Items Consultation_FINAL_27.03.30
Click here to read Annex A_Sending Fee - work involved
A Joint Message from the LCCSA & CLSA – update 4 April 2020
Click here to read latest version
LAA Financial Assistance guide – 2 April 2020
Details here
Interview Protocol between NPCC, CPS, TLS, CLSA and LCCSA
2 April 2020 Click here to read the Custody Protocol and click here to read Joint CPS and NPCC letter
Updated 1 April 2020 – A Joint Message from the LCCSA Signatories
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned 77 firms hereby support this Message: Click here to view
A Joint Message from the LCCSA & CLSA Police Station & Magistrates’ Court Attendance
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned firms hereby support this Message: Powell Spencer & Partners Bullivant...
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...
Letter to The Rt Hon Priti Patel MP
Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home Secretary Letter to The Rt Hon Priti Patel MP, Secretary of State for the Home Department from Nick Thomas-Symonds MP, Shadow Home...
90 firms support the joint message from the LCCSA & CLSA
Click here to read the message Click here to read the list of firms To join the list email admin@clsa.co.uk with 'support' in the subject
Report examples of non-compliance with the joint NPCC-CLSA-LCCSA-CPS-Law Society Protocol or for bad practice
https://www.caseratio.co.uk/security/complaintform
Law Society Response to CLAR Accelerated Items Consultation_FINAL_27.03.30
Click here to read Annex A_Sending Fee - work involved
A Joint Message from the LCCSA & CLSA – update 4 April 2020
Click here to read latest version
LAA Financial Assistance guide – 2 April 2020
Details here
Interview Protocol between NPCC, CPS, TLS, CLSA and LCCSA
2 April 2020 Click here to read the Custody Protocol and click here to read Joint CPS and NPCC letter
Updated 1 April 2020 – A Joint Message from the LCCSA Signatories
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned 77 firms hereby support this Message: Click here to view
A Joint Message from the LCCSA & CLSA Police Station & Magistrates’ Court Attendance
Further to the publication on 26th March 2020 of a joint Message from the LCCSA & CLSA on Police Station & Magistrates’ Court attendance, the undersigned firms hereby support this Message: Powell Spencer & Partners Bullivant...
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...