Style Guide

Colors

Check the Figma Variables Panel for all color theme values.
primary
#CBF36E
secondary
#276E6E
accent
#0D3D3D
bg-dark
#000000
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

Display

H1 - Sans

Heading here

Nav Link

Heading here

Paragraph Large
Lorem ipsum dolor sit amet, cursus, mi quis viverra ornare
Paragraph Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis.
Paragraph Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Paragraph Extra Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare
Menu Label