Colours
Gray
-
100
-
80
-
70
-
60
-
50
-
40
-
30
-
20
-
10
-
0
Primary
-
50
-
40
-
30
-
20
-
10
Secondary
-
50
-
40
-
30
-
20
-
10
Red
-
20
Error Base
-
10
Error Light
Blue
-
20
Information Base
-
10
Information Light
Green
-
20
Success Base
-
10
Success Light
Yellow
-
20
Warning Base
-
10
Warning Light
Buttons
Spacing Scale
Layout Scale
Typography
Headings
h1
h2
h3
h4
h5
h6
Text Component
Heading 1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!
Heading 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!
Heading 3
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!
Heading 4
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!
Text component Un-ordered List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Text component Ordered List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Default Un-ordered List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Default Ordered List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Bullet un-ordered List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
