Preview image. Unlock full-res
Dark hero with a bold left-aligned headline over a painted magenta and blue abstract, with a large product screenshot in a browser frame below.
More like this
See all
Summary
A dark hero with a bold left-aligned headline over a blurred magenta and blue abstract. A large product screenshot in a browser frame sits below and fades into the background.
Visual description
The top band is near-black with a painted abstract of magenta, violet, and cyan streaks fading out toward the bottom. A small magenta infinity-style mark and wordmark sit top-left, with plain white nav links beside them. On the right, a plain text link, a divider, and an outlined pink-bordered sign-up button close the nav. The headline is a bold, tightly tracked white sans-serif on one line, left-aligned, with two lines of light grey sub-copy beneath it. A white pill button with a right arrow sits at the far right of the same row, creating a wide horizontal split. Below, a dark browser window with traffic-light dots and a URL bar holds a dense product screenshot. The screenshot shows a layers panel on the left, three artboards in saturated colors in the center, and a property panel on the right. Its lower edge dissolves into the background glow.
Key takeaway
The product screenshot does the selling, so the headline stays short and the CTA stays in one place. Placing a real working UI inside a browser frame makes the capability visible before anyone scrolls.
Reuse notes
Best for creative software, design tools, or any product whose interface is its strongest visual. The screenshot has to be sharp and well art-directed, because the frame will show every pixel. The painted background only works on dark pages, and it competes with busy UI, so keep the screenshot's own colors calm if you reuse this pattern.
