Kelvane — Creative & Digital Agency HTML Template

Kelvane is a premium HTML template for creative and digital agencies, design studios and freelancers. It ships five genuinely different homepage layouts — not one layout in five colours — so you can pick the composition that matches the work you have to show.

Five homepage layouts

• Kinetic — oversized type with photography set inside the headline, and a drag-scroll project rail.
• Studio — a dark page with a sticky side panel, a live section index and full-bleed photography.
• Editorial — a magazine cover with cover lines, newspaper columns and a printed contents list.
• Bento — a modular tile grid where every part of the studio is a card.
• Minimal — a single reading column, type only, no hero image.

Thirteen pages in total

Alongside the five homepages: a project index with working category filters, a full case study, a studio/about page with team and timeline, a services page with pricing and an accessible FAQ, an insights index, a single article, a contact page and a 404.

A contact form that actually works

Kelvane includes php/contact.php — a real handler with server-side validation, a honeypot, a submission time trap, per-visitor rate limiting and mail-header injection protection. It works with JavaScript enabled (submits without leaving the page) and with JavaScript disabled (renders its own confirmation). Four lines of configuration and it is live.

Documentation, not a README

A full HTML documentation site is included, covering the file map, choosing a homepage, editing text and images, the colour and type tokens, wiring the contact form and its common failure modes, a component reference, deployment, SEO and accessibility.

Built the boring, reliable way

• No framework, no build step, no npm — plain HTML, CSS and JavaScript.
• One design-token file: change --accent and the whole template follows.
• Verified at 360, 768, 1024, 1440 and 1920px with no horizontal overflow on any page.
• Motion limited to transform and opacity, and fully disabled under prefers-reduced-motion.
• Semantic landmarks, a skip link, visible focus rings and labelled form fields throughout.
• No attribution link required.