Earthdata Style Guide

Welcome to your complimentary style guide! Your designer will use this to make sure your site is consistent from page to page. Likewise, you can use this guide to make sure your sales and marketing material remains consistent and on brand throughout all collateral.

 

Logo

Home

 

Colors

Color Name Color Swatch RGB Value HEX Code
Primary Blue   rgb (34, 118, 172) #2276ac
Secondary Blue   rgb (43, 80, 105) #2b5069
CTA Green   rgb (34, 180, 99) #22b463
Dark Gray   rgb (50, 50, 50) #323232
Medium Gray   rgb (159, 160, 160) #9fa0a0
Light Gray   rgb (237, 240, 240) #edf0f0

 

Typography


Font

Body Text: 1rem (16px) / #323232 / 500
Font Family: Open Sans (sans-serif)
Font Weight 300
Font Weight 500
Font Weight 700
Body Text: 1rem (16px) / #323232 / 500

 

Headings

H1: 2.5rem (40px) / #323232 / 700

H2: 2rem (32px) / #323232 / 500

H3: 1.5rem (24px) / #323232 / 500

H4: 1.25rem (20px) / #323232 / 700

 

Titles

Section Title: 2REM (32PX) / #2B5069 / 500 / UPPERCASE
Sidebar Title: 1.5REM (24PX) / #2B5069 / 500 / UPPERCASE

 

Ordered List

  1. List item goes here.
  2. List item goes here.
  3. List item goes here.

 

Unordered List

  • List Item
  • Nested List Item
    • Nested Children
    • Nested Children
    • More Nesting
      • More Nested Children
      • More Nested Children
      • More Nested Children
  • List Item
  • List Item
  • List Item

 

Links and Buttons

Text Link / #2276ac

  Latent Color: #22b463 / Hover Color: #20ce6f

 

Last Updated
Feb 12, 2021