Art-directed photographic heroes for Gutenberg
Kinetic Image Hero for photographichero sections that feel designed.
Kinetic Image Hero is a powerful Gutenberg block for creating photographic hero sections that feel thoughtfully designed. Combine responsive image compositions, precise focal points, elegant typography, and interactive motion to build distinctive WordPress landing pages — all without writing code.
Photography that feels composed, not dropped in.
Switch layouts to preview how one image set can become five different hero compositions.
Art direction without a page builder
Why Kinetic Image Hero feels different
A strong hero starts with hierarchy and imagery. Kinetic Image Hero gives you the
composition tools first, then lets motion, reveal,
atmosphere, and depth enhance the result.
DEMO
One hero component instead of a stack of layout fixes.
A basic Gutenberg hero is easy. A multi-image hero with deliberate cropping, responsive behavior, content hierarchy, CTAs, reveals and motion usually takes multiple blocks plus custom CSS. Image Hero packages that workflow into one focused block.
Choose the composition that
matches the story.
Start simple with a single image or duo layout. Move into stacked and editorial compositions when you need a more expressive PRO hero.
Single
One strong photograph with clear content hierarchy.
Split Duo
Two images sharing a controlled visual field.
Offset Duo
Asymmetric composition with more editorial energy.
Stacked Cards
Layered three-image treatment with dimensional presence.
Editorial Collage
A composed multi-image grid for campaign-level art direction.
Why buy PRO
Photography becomes part of the layout, not just a background.
Use the block when the image arrangement itself carries the visual direction of the page.
Best for
Hero sections where the image treatment matters.
Use Image Hero when you want photography, product imagery or campaign artwork to feel art-directed rather than dropped into a generic banner.
Use cases
Build the first screen around the thing visitors should remember.
Kinetic Image Hero is most useful when photography or campaign artwork
should establish the page before the visitor scrolls.
Creative Agencies
Pair positioning copy with project imagery in a controlled first-screen composition.
Architecture
Keep buildings and interiors framed correctly across desktop and mobile.
Product Launches
Stage hero imagery, supporting detail shots and strong CTAs as one component.
Portfolio Sites
Open a project or case study with photography that feels intentionally placed.
Hospitality
Use immersive destination photography without losing readable content hierarchy.
Editorial Pages
Build magazine-inspired image layouts without creating the collage manually.
Service Pages
Combine a clear offer, proof image and CTA in a more distinctive hero.
Campaign Pages
Use premium compositions and motion for launch moments that need extra visual impact.
Free vs PRO
Free gives you the complete hero workflow. Kinetic Image Hero PRO expands the art direction.
KineticHub Free includes a genuinely useful Image Hero with one or two images, three compositions, full content and core visual behavior. PRO adds the third image, premium layouts, mobile image replacements, advanced reveals, motion, atmosphere and smart visual add-ons.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| Authored images | 1–2 images | Up to 50 items |
| Presentations | Single, Split Duo, Offset Duo | Included + styling |
| Eyebrow, badge, heading, description | Included | Included |
| CTA buttons | Up to 2 | Included |
| Focal-point image positioning | Included | Included |
| Responsive image handling | Included | Included + mobile image replacements |
| Card Focus + Smart Readability | Included | Included + advanced add-ons |
| Motion trigger | Hover | Hover, Scroll, Scroll + Hover |
| Image reveals | Core reveals | Clip, Blur → Sharp, stagger |
| Atmosphere | None, Soft Glow, Gradient Wash | premium backdrop treatments |
| Advanced depth / interaction | Not included | Scroll depth, pointer depth, scroll drift, stack fan, reactive spotlight, focus reveal |
| Presets | Clean Split, Floating Duo | Layered Studio, Editorial Showcase, Cinematic Edge |
FAQ
Kinetic Image Hero FAQs
Everything you need to know before choosing a plan — licensing, refunds, renewals, and what happens after your first year.
Kinetic Image Hero is a Gutenberg block for building art-directed photographic hero sections with one to three images, built-in content, focal-point-aware compositions and optional motion.
A Cover or Group is excellent for simple hero sections. Image Hero is for layouts where the arrangement of multiple images, focal-point cropping, responsive art direction, built-in content and motion need to work as one component.
Free includes Single, Split Duo and Offset Duo presentations with one or two authored images, full hero content, focal-point controls, core readability tools, basic reveals and atmosphere options.
Want to explore the basics first? Kinetic Image Hero is included in the free version of KineticHub, available directly on WordPress.org. Upgrade to PRO when you’re ready for advanced image compositions, motion effects, and interactive features.
PRO adds a third image, Stacked Cards and Editorial Collage, mobile image replacements, advanced motion and reveal behavior, stagger, premium backdrops, smart add-ons and premium presets.
Yes in PRO. Mobile image replacements let you change the source when the desktop photograph or crop is not the right art direction for a narrow screen.
Yes. Image Hero supports a transparent background workflow, so you can combine the photographic composition with a parent background treatment or a compatible Kinetic Hero Mesh setup.
Yes. The workflow is composition-first. Free includes core hover and reveal behavior, while PRO adds scroll-driven depth, pointer depth, drift, spotlight, focus and stagger options for designs that need more movement.