Style Guide

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

  • Homepage Hero Image: 1800 × 800
  • 50/50 Image: 900 × 540
  • Full-width Background Image: 1800 × 600
  • 4-Across Image: 600 × 600
  • Interior Page Header Image: 1800 × 350
  • Blog Post Featured Image: 900 × 430
  • Pet Detail Featured and Gallery Image: 900 × 900

Font Specifics

  • H1 – Europa, 700 • 48/54 • Color: #fff • Margin: 0 0 20 0
  • H2 – Europa, 700 • 36/48 • Color: #202020 • Margin: 0 0 20 0
  • H3 – Europa, 700 • 30/40 • Color: #202020 • Margin: 0 0 20 0
  • H5 – Europa, 700 • 20/30 • Color: #202020 • Margin: 0 0 20 0
  • H6 – Europa, 700, ALL CAPS • 18/24 • Color: #202020 • Margin: 0 0 20 0
  • Blockquote and Testimonial Text – Europa, 400, Italic • 24/30 • Color: #202020 • Margin: 0 0 30 0
  • Paragraph Intro Text – Europa, 400 • 28/36 • Color: #202020 • Margin: 0 0 20 0
  • Paragraph Text – Assistant, 400 • 18/30 • Color: #202020 • Margin: 0 0 20 0
  • Link Text – Assistant, 700 • 18/30 • Color: #0ACAC1 • Margin: 0 0 20 0
  • Number Counter Numbers – Europa, 700 • 150/230 • Color: #fff • Margin: 0 0 0 0

Site Color Values

#713770
#BC96BC
#F8F3FC
#202020
#0ACAC1
#18E7E2