Colors
The following colors and shades are available for this project.
Dark
Dark Muted
Light
Light Muted
This is what text will look like on ultra light background areas. You can also control link color relationships and there’s an example button below.
ButtonThis is what text will look like on light background areas. You can also control link color relationships and there’s an example button below.
ButtonThis is what text will look like on dark background areas. You can also control link color relationships and there’s an example button below.
ButtonThis is what text will look like on ultra dark background areas. You can also control link color relationships and there’s an example button below.
ButtonTypography
h1
h2
h3
h4
h5
h6
h1 & L
This is large placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
h2 & m
This is default placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
h3 & s
This is small placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
General Spacing
Content Width
Grid Gap
Card Gap
Content Gap
Default Section Padding
Container Gap
Light Cards


Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready.
dark cards


Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready.