Steel Dev Hero Section

Steel Dev Hero Section, dark-mode, technical, dark

Preview image. Unlock full-res

Dark split hero for a browser API, left copy with two CTAs beside a layered halftone-blue collage of code and app windows.

Summary

A dark split hero for an open-source browser API, with left-aligned oversized copy and two CTAs beside a busy duotone collage of overlapping code editors and an app window. The high-contrast cyan halftone artwork gives it a technical, almost zine-like edge.

Visual description

A slim navbar runs the top (square logo, "Sessions API / Pricing / Docs / Careers" links left, a GitHub star count "3.3K", "Log In", and a yellow "Start For Free" button right). The left half holds a three-line oversized white headline "Browser Infrastructure for AI Agents," a one-sentence description, then a yellow filled button and a dark outlined "Documentation" button. The right half is a layered collage on a vivid cyan halftone background: several dark terminal/code windows labeled STEEL_BROWSER, AI_LOGIC, and MY_APP overlap, alongside a flight-search results panel and a chat thread. The palette is black and cyan with yellow accents.

Key takeaway

The cyan halftone background turns a stack of generic code windows into a distinctive, high-energy visual that reads as developer-native. Surfacing the GitHub star count in the nav signals open-source traction without a separate section. The dual CTA pairs a loud yellow primary with a quiet outlined secondary.

Reuse notes

Good for open-source or developer-infrastructure products that want to feel technical and a little raw rather than corporate-clean. The halftone collage is opinionated and busy, so keep the left-side copy short and the headline oversized to hold the balance. The cyan-on-black contrast is loud; pair with a restrained rest of page.

More hero sections

See all

More like this