Color #1

Color #1 Background

box box-border bg-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

More Tests Secondary Button

White box

This is text and here is a link

Button  Secondary

Black box

This is text and here is a link

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Shades

Color #1 Lightest Background

box box-border bg-lightest-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Lighter Background

box box-border bg-lighter-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Light Background

box box-border bg-light-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid-Light Background

box box-border bg-mid-light-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid Background

box box-border bg-mid-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid-Dark Background

box box-border bg-mid-dark-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Dark Background

box box-border bg-dark-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Darker Background

box box-border bg-darker-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Darkest Background

box box-border bg-darkest-color-1

   

This text has a link example inside and also shows the tint color which may be easier to see in bold text.

  • List Item 1
  1. Numbered item 

Block quote example

Lilly Llama, CEO

Primary Button Secondary Button

Nested color box

This text has a link and the tint color too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link