Style Guide
Colors
Background
bg-container
Primary
bg-primary-subtle
bg-primary-lighter
bg-primary
bg-primary-darker
Secondary
bg-secondary-subtle
bg-secondary-lighter
bg-secondary-light
bg-secondary
bg-secondary-darker
Tertiary / Error
bg-tertiary-subtle
bg-error-subtle
bg-tertiary-lighter
bg-error-lighter
bg-tertiary
bg-error
bg-tertiary-darker
bg-error-darker
Warning
bg-warning-subtle
bg-warning-lighter
bg-warning
bg-warning-darker
Success
bg-success-subtle
bg-success-lighter
bg-success
bg-success-darker
Disabled
bg-disabled-subtle
bg-disabled-lighter
bg-disabled
bg-subtle
bg-subtle-darker
Subtle
bg-subtle-subtle
bg-subtle-lighter
bg-subtle
bg-subtle-darker
Muted
bg-muted-lighter
bg-muted
bg-muted-dark
Text
Text primary
text-primary-lighter
Text primary
text-primary
Text primary
text-primary-darker
Logo
Typography
h1 - A Very Large heading
h2 - Another large heading
h3 - This is a medium heading
h4 - This is a moderate heading
h5 - This is a small heading
h6 - This is a tiny heading
h2 - This is a content heading
h3 - This is a content heading
h4 - This is a content heading
h5 - This is a content heading
h6 - This is a content heading
font-normal
font-medium
font-semibold
font-bold
Paragraph text. Sometimes we lose sight of what really matters in life. There’s something to be said for a gourmet brie and truffle burger paired with parmesan frites, but don’t let that make you forget about the ol’ faithful with American cheddar and a squishy bun. Lettuce remind you that cheeseburgers come in all forms - bun intended.
Epic cheeseburgers come in all kinds of manifestations, but we want them in and around our mouth no matter what. Slide those smashed patties with the gently caramelized meat fat between a toasted brioche bun and pass it over. You fall in love with the cheeseburger itself but the journey ain’t half bad either.
Definition lists are great for small block of copy that describe the header
- Cheeseburger
- The last time you had a cheeseburger was too long ago.
- Tasty
- A cheeseburger is more than just a sandwich, it is a wish fulfilled.
- Drooling
- Why are you still reading this- go get a cheeseburger.
Un-ordered lists are great for making quick outlines bulleted.
- List item with a much longer description or more content.
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
Ordered lists are great for lists that need order
- List Item 1
- List Item 2
- List Item 3
Blockquote
The palatable sensation we lovingly refer to as The Cheeseburger has a distinguished and illustrious history. It was born from humble roots, only to rise to well-seasoned greatness. Cheesy Mc Cheeseface