Converso
Style Guide
Colors
Check the Figma Variables Panel for all color theme values.
primary
#FF611A
neutral
#130E0C
gray
#EBEBEB
white
#FFFFFF
Button
Components
Check the Figma Variables Panel for the default & hover values in both light & dark mode.
Typography
For Website Breakpoint
Headline 1
Regular
Heading
here
Headline 2
Regular
Heading here
Headline 3
Regular
Heading here
Headline 4
Regular
Heading here
Headline 5
Regular
Heading here
Headline 6
Regular
Heading here
Body / Extra Large
SemiBold
Lorem ipsum dolor sit amet
Body / Extra Large
Medium
Lorem ipsum dolor sit amet
Body / Extra Large
Regular
Lorem ipsum dolor sit amet
Body / Large
SemiBold
Lorem ipsum dolor sit amet
Body / Large
Medium
Lorem ipsum dolor sit amet
Body / Large
Regular
Lorem ipsum dolor sit amet
Body / Normal
SemiBold
Lorem ipsum dolor sit amet
Body / Normal
Medium
Lorem ipsum dolor sit amet
Body / Normal
Regular
Lorem ipsum dolor sit amet
Body / Small
SemiBold
Lorem ipsum dolor sit amet
Body / Small
Medium
Lorem ipsum dolor sit amet
Body / Small
Regular
Lorem ipsum dolor sit amet
Body / Extra Small
SemiBold
Lorem ipsum dolor sit amet
Body / Extra Small
Medium
Lorem ipsum dolor sit amet
Body / Extra Small
Regular
Lorem ipsum dolor sit amet
Caption
SemiBold
Lorem ipsum dolor sit amet
Caption
Medium
Lorem ipsum dolor sit amet
Caption
Regular
Lorem ipsum dolor sit amet