Component list
Text styles
H1 Light
H1 Regular
H2 Light
H2 Regular
H3 Light
H3 Regular
H3 Bold
H4 Light
H4 Regular
H4 Bold
H5 Light
H5 Regular
H5 Bold
H6 Light
H6 Regular
H6 Bold
Body Copy.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, Body inline link sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bold text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List styles
Regular bullet points:
- Compound interest on savings is worked out based on the initial deposit plus all the interest already accumulated.
- The rate of compounding depends on the frequency of the period, such as monthly or annually.
- Make the most of compound interest by saving early and leaving the amount untouched for as long as possible.
Custom coloured bullet points:
- Compound interest on savings is worked out based on the initial deposit plus all the interest already accumulated.
- The rate of compounding depends on the frequency of the period, such as monthly or annually.
- Make the most of compound interest by saving early and leaving the amount untouched for as long as possible.
Numbered list:
- Compound interest on savings is worked out based on the initial deposit plus all the interest already accumulated.
- The rate of compounding depends on the frequency of the period, such as monthly or annually.
- Make the most of compound interest by saving early and leaving the amount untouched for as long as possible.
Table styles
Light
Text | Lorem | Text | Lorem |
---|---|---|---|
8985 | 898989 | 8888 | |
Example | 5555 | 888 | 55 |
Lorem | 4444 | 774 | 252 |
Ipsum | 0100 | 252552 | 25252 |
Dark
Text | Lorem | Text | Lorem |
---|---|---|---|
8985 | 898989 | 8888 | |
Example | 5555 | 888 | 55 |
Lorem | 4444 | 774 | 252 |
Ipsum | 0100 | 252552 | 25252 |
Colours
Brand Main
#7D3CFF
Brand Secondary
#71DC99
Brand Dark
#45006D
Light Grey
#F3F0F6
Mid Grey
#B7B1C1
Dark Grey
#8E8997