Made with $400/hour designers
Ship a site built for conversion from first impression.
Hero templates on dark backgrounds, built for developer tools, AI products and premium brands. Deep grounds with the contrast worked out, so the headline reads and the accent still carries. Every one is a single HTML file with no framework and no build step, so paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and put your own words in.
Ship a site built for conversion from first impression.
Frequently asked questions
When does a dark hero suit a product?
When the audience works in dark tools, when the product is visual and benefits from the contrast, or when the brand is aiming at premium.
What background is best, black or near black?
Near black. Pure black removes the depth that makes panels and cards readable, and it makes white text glare.
How much colour does a dark hero need?
Less than a light one. A dark ground amplifies an accent, so one place to land is usually enough.
Should the whole site follow the hero?
It should not fight it. A dark hero over a light page can work if the switch is deliberate, and reads as an accident if it is not.
Narrow it down
Works with any vibe coding tool