SaaS product header
Software product header with a text wordmark, four navigation links, a Sign in link and a Start free trial button.
Website kit · Software & SaaS
SaaS product website kit
Six Elementor-ready pages for a software product: header, home, features, pricing with three plans, demo request form and footer.
About this kit
A software product site has one job above the others: get the right visitor into a trial or a demo with an accurate idea of what they are signing up for. That means saying plainly who the product is for, showing the product itself rather than abstract illustrations, publishing prices people can compare, and answering the questions a buyer’s IT or finance colleague will ask before anyone signs. Vague claims and badges you cannot back up cost more trust than they win.
The six pages in this kit follow that path. The header keeps Sign in and Start free trial on every page. The home page leads with the product screenshot, names the three benefits, then walks through boards, timelines and reports in alternating rows, lists integrations and ends with a customer quote and a trial button. The features page goes deeper, shows what each plan adds, and states security controls as features rather than certifications. The pricing page lays out three monthly plans with an annual billing note, an enterprise band and billing questions. The contact page combines a demo request form with sales and support addresses and honest response times, and the footer carries product, company, resources and legal links.
Build in this order: header and footer, then home, pricing, features and contact. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s header. The demo form converts to an Elementor Pro Form. Replace Corvane, the prices, the screenshots and every response time with your own before launch.
What is in the kit
SaaS product home page
Product home page with a screenshot hero, wordmark strip, three benefit boxes, alternating feature rows, an integrations list, a quote and a trial CTA.
SaaS features page
Features page with four screenshot rows, a light plan comparison, a security controls band with six boxes and a feature FAQ accordion.
SaaS pricing page
Pricing page with three per-user plans and feature lists, an annual billing note, an enterprise contact band and a billing FAQ accordion.
SaaS demo request page
Contact page with a demo request form, sales, support and phone contacts, an address and three response time boxes.
SaaS product footer
Dark software footer with a wordmark, short description and trial button, four link columns and a small-print row.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Ink
#16152e
Indigo
#4f46e5
Lavender
#eeecfd
White
#ffffff
Slate
#5c5b78
Mint
#2fd39a
- Headings: Plus Jakarta Sans
- Body text: Inter
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.