Preview image. Unlock full-res
Centered dark hero with a mixed serif-italic headline, an orange CTA, and a large deployment dashboard screenshot below.
Summary
A centered dark hero that mixes upright and italic serif in its two-line headline, pairs it with one orange CTA, and anchors the section with a wide deployment dashboard screenshot. The serif-with-italic headline and the realistic product shot do the heavy lifting.
Visual description
Near-black background. A slim top banner reads "Join Sevalla today and get $50 free credits." A full navbar follows: the Sevalla wordmark with an orange icon on the left, Products / Pricing / Docs / Changelog in the center, and Dashboard plus an orange "Get started" button on the right. Centered below is a two-line headline blending upright and italic serif ("Deploy anything / Forget complexity"), two lines of muted sub-copy, and a single orange "Get started" pill. Beneath sits a large, slightly elevated screenshot of a deployment dashboard with a left sidebar, a "Deployment 9566ec @ main" header, and a dark log console.
Key takeaway
The italic word inside an otherwise upright serif headline adds personality without extra color or weight. One orange accent threads the logo, nav button, and hero CTA, and the realistic dashboard screenshot with a visible log console signals a genuine developer tool.
Reuse notes
Strong default for a developer or hosting product landing page on dark. Needs a credible, detailed product screenshot to carry the lower half. The announcement bar plus single CTA keeps the top funnel focused; swap the italic word to tune tone.
