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

  • Find-a-Dog BG: 1600px × 736px
  • 50/50 Offset Images: 1000px × auto
  • 50/50 Image /Video Contained: 671px × 438px or Auto
  • Build-a-Dog BG: 1600px × 1067px
  • Build-a-Dog Slide Img: 588px × 515px
  • Ingredient Thumbs: 110px × 70px
  • Full-width Video Still: 1600px × 900px
  • Mustard Play Button Rollover: 520px × 116px
  • instagram Thumbs: 203px × 203px
  • 4-Across Product Images: 320px × 292px
  • 4-Across Hall of Fame Thumbs: 320px × 241px
  • Full-width CTA : 1600px × 668px
  • Testimonial Avatar: 145px × 145px
  • Brand repeater block background: 1370 × 633
  • Interior Hero: 1600px × 452px

Font Specifics

  • H1 Small Ribbon - FreightSans Pro, Bold, ALL CAPS • 18px/23px • Color: #FFFFFF • Letter-Spacing: 5px • Margin: 0 0 25px
  • H1 Light Large - FreightSansCmpPro, 700, ALL CAPS • 72px/72px • Color: #FFFFFF • Margin: 0 0 65px
  • H1 Product Title - FreightSansCmpPro, 700, ALL CAPS • 50px/50px • Color: #2C3842 • Margin: 0 0 50px
  • H2 Light Large - FreightSansCmpPro, Bold, ALL CAPS • 72px/72px • Color: #FFFFFF • Margin: 0 0 65px
  • H2 Dark Large - FreightSansCmpPro, Bold, ALL CAPS • 72px/72px • Color: #2C3842 • Margin: 0 0 65px
  • H3 Dark - FreightSansCmpPro, Bold, ALL CAPS • 50px/50px • Color: #2C3842 • Margin: 0 0 65px
  • H3 Blue - FreightSansCmpPro, 700, ALL CAPS • 50px/50px • Color: #005FA8 • Margin: 0 0 65px
  • H3 Light - FreightSansCmpPro, 700, ALL CAPS • 50px/50px • Color: #FFFFFF • Margin: 0 0 50px
  • H4 Title Dark / Testimonial - Lato , 900 • 24px/30px • Color: #2C3842 • Margin: 0 0 50px
  • H5 Dark - FreightSansCmpPro, Bold, ALL CAPS • 24px/30px • Color: #2C3842 • Letter-Spacing: 2px • Margin: 0 0 50px
  • H5 Light - FreightSansCmpPro, 700, ALL CAPS • 24px/30px • Color: #FFFFFF • Margin: 0 0 50px
  • H6 Dark - FreightSans Pro, 700, ALL CAPS • 18px/30px • Color: #2C3842 • Margin: 0 0 50px
  • H6 Ribbon - FreightSans Pro, Bold, ALL CAPS • 18px/23px • Color: #FFFFFF • Letter-Spacing: 5px • Margin: 0 0 25px
  • Intro Paragraph - Lato, 400 • 24px/32px • Color: #9EA6AB • Margin: 0 0 50px
  • Paragraph - Lato, 400 • 18px/32px • Color: #646B70 • Margin: 0 0 50px
  • Paragraph Light - Lato, 400 • 18px/32px • Color: #FFFFFF • Margin: 0 0 50px
  • Strong - Lato, 900 • 18px/32px • Color: #2C3842
  • Italic - Lato, 400, Italic • 18px/32px • Color: #2C3842
  • Inline Link - Lato, Bold • 18px/32px • Color: #EE3A43
  • Li - Lato, 400 • 18px/32px • Color: #646B70 • Margin: 0 0 25px
  • Blockquote - Lato, 900 • 24px/30px • Color: #005FA8 • Margin: 0 0 50px
  • Button Text - FreightSansCmpPro, 700, ALL CAPS • 20px/17px • Color: #FFFFFF • Letter-Spacing: 2px
  • Ghost Button - FreightSansCmpPro, Bold, ALL CAPS • 20px/17px • Color: #EE3A43 • Letter-Spacing: 2px

Site Color Values

#005FA8
#EE3A43
#FFDD00
#2C3842
#242F38
#FFFFFF
#FAFAFA
#646B70
#D3DAE0
#9EA6AB

!