Style Guide

Color Scheme

var(–contrast) #192733

var(–contrast-2) #213343

var(–contrast-3) #2E475D

var(–contrast-4) #3E5974

var(–contrast-5) #516f90

var(–contrast-6) #7691AD

var(–base-8) #99afc4

var(–base-7) #b6c7d6

var(–base-6) #dbe4ed

var(–base-5) #eaf0f6

var(–base) #f6f9fc

var(–base-3) #ffffff

var(–accent-dark) #d44325

var(–accent) #FF5C35

var(–accent-light) #ff7a59

var(–accent-lighter) #ffcec2

var(–base-4) #fcead7

var(–base-2) #fef4ea

var(–atlantic-blue) #0068b1

var(–kyoto-red) #ED2D40

var(–emerald-green) #4FB06D

var(–cherry-blossom) #F62D71

var(–sahara-orange) #FF8933

Headline H1 XXL

Headline H1 XL

Fancy Headline H1

Headline H1

Headline H2

Headline H3

Preheat your air fryer.

Headline H4

Headline H5

Headline H6

This is the default body font size: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

This is a link.

This is a small text

This is a medium text

This is the default text size

This is a large text

This is an extra large text

List Item

Item 1
Item 2
Item 3

This is the primary button This is the secondary button Jump to full recipe and ingredients Watch short video

Section XS (1rem / 1.5rem)

Section S (1.5rem / 1.5rem)

Section M (2.5rem / 1.5rem)

Section L (5rem / 1.5rem)

Section XL (7.5rem / 1.5rem)

Section XXL (10rem / 1.5rem)