Large Image

Overview

Introduction: The Large Image component is designed to display a single, prominent image in a full-width layout, making it perfect for emphasizing key visuals. This section can include a heading, description, and optional call-to-action buttons, enhancing its versatility for impactful displays.

Key Features:

  • Full-width layout that centers a large image, ideal for making a strong visual impression.
  • Optional heading, description, and call-to-action buttons for added context and interactivity.
  • Customizable image orientation (landscape or portrait) to suit different types of visuals.
  • Background color and text color customization for seamless integration with the site’s overall style.

Best use cases

Examples of Effective Use:

  • Ideal for showcasing high-quality images, such as product features, portfolio pieces, or promotional banners.
  • Effective for testimonial or feature highlights where a large visual element can enhance engagement.
  • Suitable for storytelling sections where a single image paired with descriptive text can convey a clear, focused message.

How NOT to use this

Common Missteps:

  • Avoid using low-resolution images, as the large format will highlight any imperfections.
  • Do not overload the section with too much text, as this can detract from the main visual.
  • Ensure the image orientation is consistent with the chosen layout to avoid visual imbalance.

FAQ, pro tips, and troubleshooting

  • Pro Tip: Use high-resolution images that complement the theme or purpose of the page, enhancing the section’s impact.
  • Troubleshooting: If the image doesn’t display correctly, check its dimensions to confirm it fits the orientation setting.

Ideas

Suggested Combinations: Combining this with testimonials if its a product or end result being shown off is a great choice.