Full-Width Image

Search SG - Full-Width Image in 53

A full-bleed image, illustrating something meaningful and complementary to the content of the page.

Background options:
  • White
  • Light
sg-defaults_hq-large.png
Feature Checklist
  • Multiple variations
  • Image capabilities
  • CTA(s) included
  • Video capabilities
  • Smart
  • Modal friendly
  • Uses HubDB
  • Requires additional help
Use Cases

Add a true statement piece to your page to pull the viewer in and get them to continue reading your content.

Don't add too many of these to one page, as large images can slow down your page and take up a lot of space visually.

Guidelines
  • Image sizing
    • ~1080px in width recommended
    • Large images make sure no stretching occurs, but be sure to optimize your inage before upload!
  • Variations
    • Image sizes: small, medium, large (default)
  • Things to know
    • Unnecessarily large files can slow down a page
    • Use TinyPNG to reduce files and keep your page optimized!