Style Guide
Colors
Check the Figma Variables Panel for all color theme values.
primary
#CBF36E
secondary
#276E6E
accent
#0D3D3D
black
#131A1B
gray
#F5F5F5
white
#FFFFFF
Button
Components
Check the Figma Variables Panel for the default & hover values in both light & dark mode.
Typography
For Website Breakpoint
Display
Heading here
H1 - Sans
Heading here
H1 - Serif
Heading
here
H2 - Sans
Heading
here
H2 - Serif
Heading
here
H3 - Sans
Heading
here
H4 - Sans
Heading
here
H5 - Sans
Heading
here
H6 - Sans
Heading
here
Link Nav
Label Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Label Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Paragraph Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Paragraph Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Paragraph SemiBold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Paragraph Large
Lorem ipsum dolor sit amet, cursus, mi quis viverra ornare
Paragraph Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Small Uppercase
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare