Website Style Guide

Colors

To match that bright, bold feeling, we have a joyful color scheme that's inspired by everything our planet has to offer.

Ocean Blue

#007098

Forest Green

#00A698

Adriatic Mist

#C8EBE4

Fonts

Typography plays an important role in establishing brand identity. It also helps to establish a strong visual hierarchy, setting the overall tone of the website and creating a good graphic balance.

Roboto Mono

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

Monospace

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

Work Sans

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

You can't make an omelette without breaking a few eggs!

Text Styles

H1: Main Heading

  • Font-size: 4rem
  • Font-Weight: 500
  • Font-Family: Roboto Mono

H2: Subheading

  • Font-size: 3.5rem
  • Font-Weight: 300
  • Font-Family: Work Sans, Roboto Mono

H3: Tertiary Heading

  • Font-size: 2rem
  • Font-Weight: 300
  • Font-Family: Work Sans, Roboto Mono

p: Paragraph text

  • Font-size: 1.6rem
  • Font-Weight: 100
  • Font-Family: Work Sans, Roboto Mono