Preview image. Unlock full-res
Left-aligned light hero with eyebrow, large headline, green CTA, and a large product dashboard preview overlapping a gradient shard graphic.
Summary
A light hero with left-aligned copy up top and a large product dashboard preview filling the lower half, where green-and-purple gradient shards burst out from behind the screen. The dashboard shows a real payment-flow and transactions table.
Visual description
A white background carries the same Aria navbar (wordmark, centered menu, flag, outlined "Get a demo"). Below left, a grey eyebrow ("Payments Infrastructure") sits over a large two-line dark headline ("Your B2B payments toolkit"), three lines of grey sub-copy, and a dark green pill "Speak to sales" CTA. The lower portion is dominated by a dark-framed product UI: a left sidebar (Transactions, Invoices, Quotes, etc.), a node diagram of a payment flow (Repayer to Aria to Redirect), and a payments table with amounts and "Paid" status badges. Behind the dashboard's top-right, angular gradient shards in lilac and mint fan upward.
Key takeaway
Letting a detailed, believable dashboard carry the lower half while the headline stays minimal up top. The gradient shards exploding from behind the UI add depth and brand color without obscuring the product.
Reuse notes
Best when you have a genuinely rich product screenshot worth showing in full. The bright gradient shards are a reusable device to inject energy behind any dark product frame on a light page. Pairs naturally with a darker variant hero on other pages.
