Add files via upload

src/stories/styleguide.mdx

@@ -0,0 +1,59 @@
+# Welcome to the GreenwoodJS style guide
+
+### The GreenwoodJS website styleguide breaks down into the following sections:
+
+1. Colors
+2. Typography
+3. Spacing
+4. Components
+
+
+
+## Colors
+The following theme colors available are:
+
+--color-primary
+--color-secondary
+--color-tertiary
+
+>> The --color-secondary is used for containers, while the --color-tetiary is used inside --color-secondary containers
+
+
+--color-accent
+--color-gray
+--color-gray-inner
+
+>> The --color-gray is used for containers, while the --color-gray-inner is used inside --color-gray containers
+
+
+--color-header
+--color-text
+--color-white
+
+
+
+## Typography
+The whole website uses Vercel's **Geist** font in the following sizes:
+
+--hero-big
+--hero-body
+--header-1
+--header-2
+--header-body
+--body-text
+
+
+
+## Spacing
+The whole website is built on an 8pt Grid, and spacing is always in multiples of 8px
+
+
+
+## Components
+👈 All available components can be found on the left sidebar of the Storybook site.
+
+
+
+
+
+