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: 1600px × 750px
• Cruise Rating Image: 600px × 790px
• Homepage Region Background Image: 1600px × 500px
• Cruise Experience Image: 600px × 350px
• 50/50 Page Block (About the Barge Ladies): 690px × 460px
• Homepage Featured Blog/News Image: 670px × 420px
• Header Image: 1600px × 490px
• Sidebar Image: 600px × Any
• Sidebar Video Preview: 600px × 340px
• Full Container Gallery Images: 1370px × 520px
• Itinerary Images: 600px × 360px
• 3 Col. Images (More Information Row): 600px × 360px
• CTA Full Width BG Image: 1600px × 600px
• Featured Cruise Listing Image: 600px × 360px
• Dining slideshow images on barge pages: 1370px x 520px

Font Specifics

• H1 – Futura, 400 • 56px/60px • Color: #203b49 • Margin: 0 0 30px 0
• H1 (Mobile) – • 44px/50px
• H2 – Futura, 400 • 44px/52px • Color: #203b49 • Margin: 0 0 15px 0
• H2 (mobile) – • 38px/44px
• H3 – Futura, 400 • 36px/40px • Color: #203b49 • Margin: 0 0 15px 0
• H3 (mobile) – • 32px/38px
• H4 – Futura, 400 • 30px/40px • Color: #58595b • Margin: 0 0 30px 0
• H5 – Futura, 800 • 28px/32px • Color: #203b49 • Margin: 0 0 15px 0
• H6 – Futura, 800, ALL CAPS • 17px/24px • Color: #203b49 • Letter-Spacing: .1 em • Margin: 0 0 20px 0
• Paragraph – Georgia, 400 • 17px/32px • Color: #303030 • Margin: 0 0 45px 0
• Paragraph Link Color – • / • Color: #fc6e64
• Blockquote – Futura, 400, Italic • 26px/40px • Color: #203b49 • Margin: 15px 0 50px 50px
• Blockquote (mobile) – • / • Margin: 15px 0 50px 30px
• List Items – Georgia, 400 • 15px/30px • Color: #303030 • Margin: 0 0 10px 0
• Sidebar Captions – Futura, 400, ALL CAPS • 15px/20px • Color: #1e3947 • Letter-Spacing: .15em
• Open Content Paragraph – Futura, 400 • 16px/28px • Color: #303030 • Margin: 0 0 20px 0
• Sub Nav Style – Futura, 800 • 15px/18px • Color: #ffffff
• Sub Sub Nav Style – Futura, 800, ALL CAPS • 14px/20px • Color: #203b49 • Letter-Spacing: .1em • Margin: 0 0 25px 0

Site Color Values