Current Size:
Chakra BreakPoints
base0px
sm480px
md768px
lg992px
xl1280px
2xl1536px
Current Height:Width
widthpx
heightpx
ColorButtons and LinksTypographyUI Elements

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
Cards
Article Card

Article Card

I'm a description
Project Card

Project Card

Some amazing subheader
Project Card featured Image
HomeProjects

Links

Home Articles Notes Projects About Style Guide Site Credits

Contact

 [email protected]

Location

🌎 Earth