Colors

Primary Colors

  • Deep Emerald
    #1D3E3A
  • Amethyst
    #1E0052
  • Nephrite
    #728756
  • Nephrite 50%
    #DBE1D5
  • Sea Kelp
    #5F5C3E
  • Warm Black
    #23262A

Secondary Colors

  • Chalk
    #DCD3C4
  • Chalk 50%
    #EDE9E1
  • Oat Milk
    #C6AA92
  • Sustained Gray
    #B9AEA3
  • Sepia
    #53342E
  • Error Red
    #E0311C

Fonts

Primary Headline

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Montserrat - Medium

Secondary Headline + Paragraph

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Source Sans Pro - Regular, Medium, Bold

Type Examples

H1 Title Example

H2 Title Example

H3 Title Example

H4 Title Example

H5 Title Example
H6 Title Example

Body Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit volutpat maecenas. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Integer quis auctor elit sed vulputate.

Body Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit volutpat maecenas. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Integer quis auctor elit sed vulputate.

Body Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit volutpat maecenas. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Integer quis auctor elit sed vulputate.

Body XSmall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit volutpat maecenas. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Integer quis auctor elit sed vulputate.

Body XXSmall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit volutpat maecenas. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Integer quis auctor elit sed vulputate.

Buttons

  • Primary

  • Secondary

  • Tertiary

  • Tertiary on dark bg

  • Disabled

Text Links

Input Fields

Error text

Dropdowns

Checkboxes

Radio Buttons

Table Styles

Order Value Standard Ground 3-Day
$0.00 - $25.00 $4.99 $16.99
$25.01 - $50.00 $7.99 $19.99
$50.01 - $100.00 $12.99 $24.00
$100.01 < $15.99 $31.99