Heatline

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Credits: Images from Unsplash

Boiler cover is bought by comparison, not under pressure, so the three plans are the hero rather than a photograph. A finance slider turns an installation quote into a monthly figure on the page, and the plan exclusions are stated on the plans page rather than buried in policy wording.

Built with Astro 7 and Tailwind CSS 4, Heatline delivers exceptional performance with lightning-fast page loads and a modern development experience. All content lives in simple YAML and Markdown files—edit text, reorder sections, or remove entire blocks without touching any code. The template includes a built-in blog with search and filtering, dark mode with persistent toggle, View Transitions for SPA-like navigation, and a fully responsive design that looks stunning on every device.

Construction Features

• Three-tier cover plans as the hero, no stock photography
• Finance calculator turning a quote into a monthly figure
• Seasonal service reminder band
• Exclusions stated up front on the plans page
• Two-temperature palette, coral used only for heat
• UK-shaped content: Gas Safe, CP12 landlord certificates, power flush

Technical Highlights

• Lightning-fast performance with Astro static generation
• Utility-first styling with Tailwind CSS 4.x
• YAML + Markdown content system — edit everything without code
• Built-in blog with search, categories, and Markdown posts
• Dark mode with persistent toggle and flash-free loading
• View Transitions for SPA-like page navigation
• Fully responsive mobile-first design
• SEO optimized with Open Graph, structured data, and sitemap