Current Size:
Chakra BreakPoints
| base | 0px |
| sm | 480px |
| md | 768px |
| lg | 992px |
| xl | 1280px |
| 2xl | 1536px |
Current Height:Width
| width | px |
| height | px |
StyleGuide
Collections of common styles used throughout the project
Color Palette
Primary
brand
red
yellow
gray
Typography
Font Family
heading - Montserrat, sans-serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
body - Montserrat, sans-serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Sizes
Size One - 4xl
Size Two - 3xl
Size Three - 2xl
Size Four - xl
Size Five - lg
Size Six - md
Size Sev - sm
Size eight - xs
All sizes are responsive and resize accordingly to best practices for various screen widths.
Typogrpahy Variants
Sec Variant
I'm an example of Sec heading variant
Tri Variant
I'm an example of Tri heading variant
Quo Variant
I'm an example of Quo heading variant
SideNavHeader Variant
I'm an example of SideNavHeader heading variant
SideNavLink Variant
I'm an example of SideNavLink heading variant
Typogrpahy Composistions
Some amazing Header
Some impressive subheader
Some amazing Header
Some impressive subheader
UI elements
Tags
#Category Two#Category Three
