STYLEGUIDE

Desktop Styling

H1 – Overpass Semibold/600 36px 36LH #1a1b18 LS-1

H2 – Overpass Regular/400 30px 33LH #EE4615 LS – 1

H3 – Overpass Light/300 24px 27LH #1a1b18 LS – 1

H4 – Overpass Semibold/600 35px 35LH #1a1b18 LS – 1

H4-alt – Overpass Semibold/600 35px 35LH #afbcdd LS – 1

H5 – Overpass Light/300 30px 35LH #dcdada LS – 1

H6 – Overpass Semibold/600 20px 25LH #1a1b18 LS – 1

Paragraph – Lato Light/300 16px 24LH #1A1B18

Paragraph-alt – Lato Light/300 16px 24LH #FFFFFF

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. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione.

ul & ol list with anchor tag example:-

Hi my name is google
abcd
abcd
abcd

abcd zxcvb google
abcd
abcd
abcd

Hyperlink example:-

Hi my name is google

Buttons – Overpass Regular/400 16px 20LH #FFFFFF

mobile Styling

H1 – Overpass Semibold/600 26px 30LH #1a1b18 LS-1

H2 – Overpass Regular/400 20px 24LH #EE4615 LS – 1

H3 – Overpass Light/300 18px 24LH #1a1b18 LS – 1

H4 – Overpass Semibold/600 26px 33LH #1a1b18 LS – 1

H4 – Overpass Semibold/600 26px 33LH #afbcdd LS – 1

H5 – Overpass Light/300 18px 20LH #dcdada LS – 1

H6 – Overpass Semibold/600 22px 24LH #1a1b18 LS – 1

Paragraph – Lato Light/300 16px 24LH #1A1B18

Paragraph-alt – Lato Light/300 16px 24LH #FFFFFF