Lokale opslag lijkt te zijn uitgeschakeld in uw browser. Voor de beste gebruikservaring, moet u lokale opslag inschakelen in uw browser.

Style Guide

Colors

Background

Default
bg-container
#FFFBF5

Primary

Subtle
bg-primary-subtle
#E3F2E9
Lighter
bg-primary-lighter
#CBE6D6
Default
bg-primary
#264F36
Darker
bg-primary-darker
#173021

Secondary

Subtle
bg-secondary-subtle
#FEF5EC
Lighter
bg-secondary-lighter
#FCE8D4
Light
bg-secondary-light
#F9D4AE
Default
bg-secondary
#F08E2F
Darker
bg-secondary-darker
#A2570C

Tertiary / Error

Subtle
bg-tertiary-subtle
bg-error-subtle
#FEF3F2
Lighter
bg-tertiary-lighter
bg-error-lighter
#F97066
Default
bg-tertiary
bg-error
#D92D20
Darker
bg-tertiary-darker
bg-error-darker
#912018

Warning

Subtle
bg-warning-subtle
#FFFCF5
Lighter
bg-warning-lighter
#FDB022
Default
bg-warning
#F79009
Darker
bg-warning-darker
#93370D

Success

Subtle
bg-success-subtle
#F6FEF9
Lighter
bg-success-lighter
#32D583
Default
bg-success
#039855
Darker
bg-success-darker
#05603A

Disabled

Subtle
bg-disabled-subtle
#F8F7F7
Lighter
bg-disabled-lighter
#FECDCA
Default
bg-disabled
#DFDCD8
Text - Lighter
bg-subtle
#B8B1A8
Text - Default
bg-subtle-darker
#918678

Subtle

Subtle
bg-subtle-subtle
#F8F7F7
Lighter
bg-subtle-lighter
#B8B1A8
Default
bg-subtle
#B8B1A8
Darker
bg-subtle-darker
#918678

Muted

Lighter
bg-muted-lighter
#5F584E
Default
bg-muted
#302C27
Darker
bg-muted-dark
#191715

Text

Text primary
Lighter
text-primary-lighter
#5F584E
Text primary
Default
text-primary
#302C27
Text primary
Darker
text-primary-darker
#191715

Typography

Inter (400)
Inter medium (500)
Inter semi bold (600)
Inter bold (700)

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
text-small
text-medium
text-large
text-xLarge
text-subtitle
text-caption
text-footnote
font-medium
text-small
text-medium
text-large
text-xLarge
text-subtitle
text-caption
text-footnote
font-semibold
text-small
text-medium
text-large
text-xLarge
text-subtitle
text-caption
text-footnote
font-bold
text-small
text-medium
text-large
text-xLarge
text-subtitle
text-caption
text-footnote

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

  1. List Item 1
  2. List Item 2
  3. 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

Icons

cart chevron-left chevron-right chevron-up chevron-down

Messages

Buttons

Primary

Secondary

Tertiary

Forms

Inloggegevens
  • Vul een geldig e-mailadres in.
What's your favorite burger?