Typography

Name	Figma Text Style	Variant	Font size	Font weight	Line height
Desktop
Hero 1	`Hero 1`	`hero1`	`144px`	`700`	`216px`
Hero 2	`Hero 2`	`hero2`	`50px`	`700`	`75px`
Heading 1	`Heading 1`	`h1`	`40px`	`500`	`60px`
Heading 2	`Heading 2`	`h2`	`36px`	`300`	`54px`
Title 1	`Title 1`	`h3`	`28px`	`500`	`42px`
Title 2	`Title 2`	`h4`	`22px`	`300`	`33px`
Title 3	`Title 3`	`h5`	`18px`	`500`	`27px`
Title 4	`Title 4`	`h6`	`16px`	`500`	`24px`
Body 1	`Body Text 1`	`body1`	`18px`	`300`	`27px`
Body 2	`Body Text 2`	`body2`	`18px`	`300`	`24px`
Caption 1	`Caption 1`	`caption`	`12px`	`300`	`18px`
Button		`button`	`18px`	`500`	`11.11px`
Mobile
Heading 1	`MOBILE Heading 1`	`h1`	`32px`	`700`	`48px`
Heading 2	`MOBILE Heading 2`	`h2`	`24px`	`700`	`36px`
Title 1	`MOBILE Heading 3`	`h3`	`24px`	`500`	`36px`
Title 2	`MOBILE Heading 4`	`h4`	`20px`	`500`	`30px`
Title 3	use `Title 3`	`h5`	`18px`	`500`	`27px`
Title 4	use `Title 4`	`h6`	`16px`	`500`	`24px`
Body 1	`MOBILE Body Text 1`	`body1`	`18px`	`300`	`27px`
Body 2	`MOBILE Body Text 2`	`body2`	`16px`	`300`	`24px`
Caption 1	`MOBILE Caption 1`	`caption`	`12px`	`300`	`18px`
Caption 2	`MOBILE Caption 2`		`10px`	`300`	`15px`
Button		`button`	`18px`	`500`	`11.11px`