Diagonal Split Hero

Hero split by a diagonal edge — copy on one side, visual on the other.

THE PROMPT

Design a hero split by a bold diagonal edge rather than a straight vertical line: headline, subheading, and buttons on one side, and a product visual or gradient panel filling the angled other side. Match my product's existing look: colors, typography, spacing, and overall aesthetic.

How to use this prompt

1. Copy the prompt above.

2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.

3. Add a screenshot of your existing UI so the result matches your colors, type, and spacing.

Related prompts

Browse more prompts in this same category.

Browse all UX prompts →