Preview image. Unlock full-res
Light split hero with a serif headline and feature bullets on the left beside an illustrated panel framing an AI help-article chat box on the right.
Summary
A light split hero for an AI help-center tool, pairing a serif headline and benefit bullets with social proof on the left against an illustrated panel that frames a live AI chat box on the right.
Visual description
White page with a thin top navbar (wordmark and links left, Sign in plus a black "Get started for free" button right). The left column opens with a green all-caps eyebrow "AI-NATIVE HELP CENTER", a two-line serif headline "The help center for those who hate writing docs.", a short grey subhead, and three emoji-led benefit lines. Below sit two buttons, a filled black "Get started for free" and an outlined "See it live", then a small row of overlapping avatars with five orange stars and "Loved by SaaS companies". The right column is a tall rounded panel with a painted greenery-and-ruins illustration, overlaid by a dark-headed white chat card ("What can I help with?", a typed help-article request, and a green "Write my docs / try it!" action).
Key takeaway
The serif headline plus emoji bullets gives a developer tool a warm, human voice instead of a sterile one. Embedding an interactive-looking AI chat card over an illustrated backdrop turns the hero visual into a product demo, and the avatar-plus-stars strip adds proof right under the CTAs.
Reuse notes
Strong for an AI-native or content tool where the core interaction is a prompt box worth showing immediately. The illustrated panel sets a softer tone than a screenshot, so it suits friendly, approachable brands. Keep the chat card legible against the illustration, and ensure the emoji bullets stay short.
