Style Guide
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body text example
Small body text
Buttons
Cards
Card component defaults to no padding, 8px rounded corners, borders, drop shadows, and no background color.
All cards have a default gap of 16px.
Card Title
Card component using a helper class "card-pad" to give it a 16px padding. All other cards in this section use the "card-pad" class for consistent padding.
Card Title
Card component using a helper class "center-card" to vertically center contents.
Card Title
Card component using a helper class "fill-1" to give it a preset background color.
Card Title
Card component using a helper class "fill-2" to give it a preset background color.
Card Title
Card component using a helper class "fill-3" to give it a preset background color.
Card Title
Card component using a helper class "card-alt" to remove the default rounded corners.
Colors
Layout Utilities
Most Recent Projects
Sample Project 01
“Nice localized English / Spanish responsive site with light and dark modes”
Sample Project 02
“Nice localized English / Spanish responsive site with light and dark modes.”
Sample Project 03
“Nice localized English / Spanish responsive site with light and dark modes.”
Sample Project 04
“Nice localized English / Spanish responsive site with light and dark modes.”