Preview image. Unlock full-res
Dark left-aligned SaaS hero with a two-tone headline, a lightning-bolt render, and a full node-graph workflow diagram below.
Summary
A dark, technical hero that pairs a left-aligned two-tone headline with a 3D lightning bolt, then drops into a full automation node-graph below the fold line. The defining move is showing the actual product canvas, not a flat screenshot.
Visual description
Slim dark navbar with a small wordmark, several dropdown menu items, a GitHub star pill, sign-in link, and an orange Get Started button. The headline reads in white then orange ("for technical teams") at the left, with a short muted paragraph and two CTAs: a filled orange primary and a dark outlined secondary. A glowing orange lightning bolt render sits top-right against a near-black background. Below, a contained dark panel holds a four-column role strip (IT Ops, Sec Ops, Dev Ops, Sales) over a dotted-grid canvas wiring together labelled nodes (form submission, AI Agent, integrations like Microsoft Entra ID and Jira) with dashed connectors.
Key takeaway
The two-tone headline that splits the value prop across a white and an accent line. The lightning-bolt render doing all the energy work in an otherwise restrained hero. Most of all, embedding a live-looking node workflow with role tabs so the hero doubles as a product demo.
Reuse notes
Strong for developer tools, automation, and AI platforms that need to prove the product is real above the fold. The node graph needs genuine fidelity to land. Works only on dark; the orange accent carries the whole palette so keep other colors quiet.
