HEROES AND SLIDERS

Your Hero section is where you make your grand statement. It’s where you capture your audience’s attention and give a brief overview of who you are and what you do. So make sure this section is bold but also make sure you’re adhering to your organization’s Brand Identity and taking into consideration your target audience.

SECTION: HR001

A dynamic slider focused on high-res imagery and movement.

SECTION HR001: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 1080 (300dpi)
  • Image Subject Placement: Near the center so it will show properly on mobile screens

TEXT RECOMMENDATIONS

  • Slide Title: 4-10 characters per line, per slide
  • Slide Description: 10 – 25 words per slide
  • Call to Action: up to 21 characters (including spaces)

SECTION: HR002

A well balanced slider that allows for multiple images and descriptions.

SECTION HR002: Content Recommendations

IMAGE RECOMMENDATIONS

  • Left Image: 500 x 540 pixels | 300dpi
    Right Image: 1000 x 1080 pixels | 300dpi
  • Each image should have its main subject positioned near the center of the image to avoid being cut off
  • Make sure the images are impactful!

TEXT RECOMMENDATIONS

  • Slide Title: 4-12 characters per slide
  • Slide Description: 20-40 words per slide
  • Call To Action: 5 – 20 characters

SECTION: HR003

A simple Hero slide with dynamic movement and a bold image.

SECTION HR003: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 1280 (300 dpi)
  • Image Subject Placement: Near the center or slightly off to the left or right of the frame.

TEXT RECOMMENDATIONS

  • Slide Title: 20-35 characters per slide
  • Slide Description: 10 – 22 words per slide
  • Call-To-Action: 10-20 characters per slide

SECTION: HR004

A simple slider with rotating background images behind a bold message.

SECTION HR004: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1600 x 1000 pixels (300 dpi)
  • Image Count: 2 – 4

TEXT RECOMMENDATIONS

  • Slide Title: 10-30 characters
  • Slide Description Top: 10-40 characters
  • Slide Description Bottom: 20-30 characters

SECTION: HR005

Make use of versatile images with this dynamic slider.

SECTION HR005: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1500 x 1000 pixels (300 dpi)

TEXT RECOMMENDATIONS

  • Slide Title: 20-40 characters
  • Slide Description: 20-30 words

SECTION: HR006

A modern slider that grabs attention with multi-media visuals.

SECTION HR006: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 1280 pixels (300 dpi)
  • Video Specs: HD video no longer than 8 seconds

TEXT RECOMMENDATIONS

  • Slide Title: 10-40 characters
  • The more characters, the smaller the font-size

SECTION: HR007

Grab attention while sending a concise message.

SECTION HR007: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 900 pixels (300 dpi)
  • Alternate Dimensions: 1800 x 900 (300 dpi)

TEXT RECOMMENDATIONS

  • Slide Title: 10-20 Characters
  • Slide Description: 50-100 Characters

SECTION: HR008

Perfect for modern brands with a frequent news cycle and strong images.

SECTION HR008: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 1080 pixels (300 dpi)
  • Video Specs: HD resolution; no longer than 9 seconds

TEXT RECOMMENDATIONS

  • Slide Title: 25-50 Characters
  • Slide Description: 15-25 words
  • Navigation Title: 1-30 Characters
  • Navigation Description: 1 – 99 Characters

SECTION: HR009

Simple video slider with bold title text.

SECTION HR009: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Cover Dimensions: 1920 x 1080 pixels (300 dpi)
  • Video Specs: HD Resolution; no longer than 9 seconds

TEXT RECOMMENDATIONS

  • Slide Title: 10-20 Characters
  • Slide Description: 50-100 Characters

SECTION: HR010

Wide range of use cases while instantly catching attention.

SECTION HR010: Content Instructions

IMAGE RECOMMENDATIONS

  • Large Background Image: 1800 x 1200 pixels (300 dpi)
  • Smaller Rotating Images: 550 x 400 pixels (300 dpi)

TEXT RECOMMENDATIONS

  • Slide Intro Title (Left): 2-5 words
  • Image Intro Title (Right): 2-5 words
  • Slide Main Title: 5-20 characters
  • Slide Description: 10-20 words

SECTION: HR011

Automatically showcase your blog posts in a dynamic slider.

SECTION HR011: Content Instructions

IMAGE RECOMMENDATIONS

  • Image Dimensions: 1920 x 1080 pixels (300 dpi)

TEXT RECOMMENDATIONS

  • Slide Title: 10-50 Characters
  • Title Category: 1-20 Characters
  • Navigation Title: 1-20 Characters
  • Navigation Description: 10-50 Characters

SECTION: HR012

Lead with your brand and support it with strong visuals.

SECTION HR012: Content Instructions

IMAGE RECOMMENDATIONS

  • Logo Dimensions: 400 x 400 pixels, 300 dpi
  • Scrolling Images: 500 x 500 pixels, 300 dpi

TEXT RECOMMENDATIONS

  • Title: 1 short sentence
  • Image Headings: 1-4 words

SECTION: HR013

Keep it clean and offer a clickable video.

SECTION HR013: Content Instructions

IMAGE RECOMMENDATIONS

  • Background Image: 1920 x 1080p, 300 dpi
  • Video: Vimeo or Youtube

TEXT RECOMMENDATIONS

  • Title: 1 short sentence
  • Sub-title: 1-2 short sentences

SECTION: HR014

Keep it clean, offer a clickable video, or a supporting statement.

SECTION HR014: Content Instructions

IMAGE RECOMMENDATIONS

  • Background Image: 1920 x 1080p, 300 dpi
  • Video: Vimeo or Youtube
  • Background Video: 4-8 second loop

TEXT RECOMMENDATIONS

  • Title: 1 short sentence
  • Sub-title: 1-2 short sentences
  • Click-through Title: 1 short sentence
  • Click-through Sub-Title: 1-2 short sentences

SECTION: HR015

Showcase your restaurant in an elegant manner.

SECTION HR015: Content Instructions

IMAGE RECOMMENDATIONS

  • Background Image: 1920 x 1080p, 300 dpi
  • Background Video: 4-8 second loop

TEXT RECOMMENDATIONS

  • Title: 1 short sentence
  • Sub-title: 1-2 short sentences