Colours

(primary) #f43d04

Primary

(secondary) #19162f

Secondary

(tertiary) #0037d0

Tertiary

(green) #d6ff41

(yellow) #ffe947

Others

(black) #000

(white) #fff

(grey100) #f1f1f1

(grey200) #bdbdbd

(grey300) #929292

Neutrals

(facebook) #3b5998

(twitter) #1da1f2

(youtube) #ff0000

(linkedin) #0077b5

Social

Typography

Aa

Paralucent
Heavy

Aa

Paralucent
Bold

Aa

Paralucent
Medium

Aa

Rubik
Normal

Headings

H1 H1 3.5rem / 5.25rem

H2 H2 1.8rem / 2.85rem

H3 H3 3.1rem / 4rem

H4 H4 1.75rem / 2.5rem

H5 H5 1.25rem / 1.4rem

H6 H6 1rem / .8rem

Body Text

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists

This is a list item
This is a list item

This is a numbered list item
This is a numbered list item

CTAs

Sample Link

Tabs / Filters

This is some content for Tab One.

This is some content for Tab Two.

Icons

.icon-twitter

.icon-facebook

.icon-instagram

.icon-linkedin

.icon-play

.icon-underground-tube

.icon-plus

.icon-minus

Quotes

Life is not what happened back there or what might happen up ahead. Life is like the rhythm of the heart - every breath, every blink of the eye. It is beat by beat, moment by moment. Andy Puddicombe

Accordions

Accordion One

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordion Two

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.