Hero

Slate Hero

A polished slate hero background for landing-page and product hero sections.

Background previewSlate Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(148,163,184,.22), transparent 29%), radial-gradient(circle at 12% 82%, rgba(59,130,246,.18), transparent 26%), linear-gradient(135deg, #0f172a 0%, #0f172a 58%, #0f172a 100%);

Colors

#0f172a

rgba(148,163,184,.22)

rgba(59,130,246,.18)

Related backgrounds

More in Hero

View category →

HeroLight Blue Hero

HeroDark Business Hero

HeroGreen Business Hero