Buttons


Add to Bag

Choose Size

Button Text

Button Text


Typography

Heading 1 Bold / Title XL

Heading 1 Regular / Title XL

Heading 2 Bold / Title L

Heading 2 Regular / Title L

Heading 3 Bold / TITLE M

Heading 3 Regular / TITLE M

Heading 4 Bold / TITLE S

Heading 4 Regular / TITLE S

Paragraph 1 Text L Cabin Bold 20px // 28px // .5px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus.

Paragraph 1 Text L Cabin Regular 20px // 28px // .5px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus.

Paragraph 2 Text M Cabin Bold 16px // 26px // .4px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus. Duis in tincidunt urna, at volutpat libero.

Paragraph 2 Text M Cabin Regular 16px // 26px // .4px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus. Duis in tincidunt urna, at volutpat libero.

Paragraph 3 Text S Cabin Bold 12px // 16px // .6px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus. Duis in tincidunt urna, at volutpat libero.

Paragraph 3 Text S Cabin Regular 12px // 16px // .6px spacing Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta nunc lacinia, convallis lectus vel, dictum lectus. Duis in tincidunt urna, at volutpat libero.

Helper Classes

Text-Bold (Bold Text- Used for making Paragraph text Bold)

Text-Regular (Regular Text- Used for making Heading text Regular)

Text-Helio

Text-Helio_Secondary

Text-Helio_Light

Text-Helio-Light-Secondary

Text-Helio-Light-Blue

Text-Helio-Blue-Secondary

Text-Helio-Grey

Text-Helio-Grey-Darker

Text-Helio-Grey-Darkest

Text-White