[Layout Test] Hero-split layout

Overview

This article uses the hero-split layout. On desktop, the featured image and intro copy sit side by side; on narrow viewports they stack vertically.

Why It Matters

• Highlight the customer problem this layout solves.
• Explain how the split hero draws attention to both imagery and messaging.
• Connect the layout to pages that need a strong visual plus concise copy.

Use Cases

Product launch pages

Use hero-split when a product story benefits from a prominent image beside the title and description.

Partner onboarding

Use hero-split for onboarding guides where a diagram or screenshot supports the introductory text.

Next Step

Resize the browser to 360px and confirm the image stacks above the copy without overlap.