Square corners for breakouts

H3: Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Rounded corners for CTAs

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Colourful background with shadow border

Colourful background with illustration. Snaps to size when two in a row

183,403 clients
completed full debt advice

hr

class="g-divider--sub-section

class="g-divider--main"

Breakouts with backgrounds and icons

We have to add a class to get the padding. Then choose the colour you want. The hex codes are included if you need them.

• How we help and other pages: The code will be class="u-padding--sm sc-bg-COLOUR-NAME"
• For Debt-Info pages: The code will be style="padding: 15px;" class="sc-bg-COLOUR-NAME"

New Purple!

sc-bg-honey-flower - Needs white text - see below
#5b2088

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.

New Orange!

sc-bg-coral - Use sparingly, not in huge blocks
 #ff7747

New Green

sc-bg-gossamer - Use sparingly, not in huge blocks
#0aa981 

New pink

sc-bg-lavender-magenta - Use sparingly, not in huge blocks
 background-color: #ee78d4 

Brown

sc-bg-lavender-tussock - Use sparingly, not in huge blocks
background-color: #ad7d3f

Black

sc-bg-lavender-zeus - don't use as a background without checking. Needs white text
  background-color: #13100d !important;
}

TEXT

You can use all the classs as before (replacing bg with text), but please don't 
sc-text-white 
#ffffff 

sc-text-black 
color: #000000 


ACCENTS (left borders)

sc-accent-black - only use if there is another national day of mourning
#000000

sc-accent-honey-flower 
#5b2088 

sc-accent-coral 
#ff7747

sc-accent-gossamer 
#0aa981

sc-accent-web-orange 
#ffa70d

sc-accent-lavender-magenta 
#ee78d4 

sc-accent-lavender-tussock 
#ad7d3f 

sc-accent-lavender-zeus 
#13100d 

Breakouts

Choose a white or grey container

To use on Debt-Info pages

Remove g-container--grey from the class and add a style:

• White background: style="padding: 15px;"
• Grey background: style="padding: 15px; background-color: #e3e9ec;"

For example: style="padding: 15px; background-color: #e3e9ec;" class="sc-accent-honey-flower"

Honey flower

class="g-container--grey sc-accent-honey-flower"

Coral

class="g-container--grey sc-accent-coral"

Gossamer

class="g-container--grey sc-accent-gossamer"

Web orange

class="g-container--grey sc-accent-web-orange"

Magenta

class="g-container--grey sc-accent-lavender-magenta"

Tussock

class="g-container--grey sc-accent-lavender-tussock"

Zeus

class="g-container--grey sc-accent-lavender-zeus"

• Unordered list item
• Unordered list item
• Unordered list item

• To find out if a DMP is right for you, you will need to start by using our online debt advice tool
• We need to learn more about you to give you advice. Through our online tool, we will ask you for details about yourself and your situation. This includes basic information about you, as well as information about your income, spending and debts. This can be a long process, but you can pause and come back at any time
• From the information you gave us, we will give you options on the best ways to deal with your debt. Make sure you read this through before making your choice. You may even be able to apply for Breathing Space. This will give you a break from having to worry about your debts while you get things sorted.
• If a DMP is right for you and you choose to go ahead with it, we will work together to get your plan set up. You will need to sign a DMP agreement, provide proof of income and some information about your debts. At this stage you will also need to decide on what payment method works best for you
• Once we have set up your DMP, keep your details up to date and we will sort out the payments for you
• Don’t forget, we are here to support you through the full term of your DMP. You can contact us at any time if you need to make changes to your DMP, talk about payments or anything else in-between

Stylish (for 10 years ago) - Debt-Info.

Block colour containers

This is your lead text with a lead text styled link.