Imagine

Author: Colorlib

Updated: October 2026 · v3.0.1

Credits: Images from Unsplash

Create a strong first impression with the Imagine one-page business website template. Its clean, minimal design shows your content well. Instead of building from scratch, you can start with Imagine, an HTML template with a tidy structure. The default look works well, and you can tweak it too.

Thanks to the single-page layout, you can present your business or agency in a few scrolls. Imagine includes a sticky menu, a multi-level dropdown menu, hover effects, on-scroll content loading and a working contact form.

What’s new in 3.0

• Bootstrap 5.3.8 and Swiper 14.3.0, self-hosted, with plain JavaScript and no jQuery.
• A lighter page: 2.7 MB before, 0.9 MB now. Photos are AVIF with the original as the fallback, and four team photos that were PNG files named .jpg (229-375 KB) are now real JPEGs (26-51 KB).
• No third-party requests: Nunito and a 3.7 KB Font Awesome subset are self-hosted (2.0 loaded jsDelivr and Google Fonts).
• A working contact form handler (php/send-email.php) with validation, a status message and a spam honeypot. 2.0 posted the form to # and sent nothing.
• Accessibility: a skip link, a modal mobile menu that closes with Esc, dropdowns that open from the keyboard, a visible focus ring and 4.5:1 text contrast.
• Fixed: the page no longer jumps 64 px when you start scrolling, the menu highlights the section in view again, and the page shows at once instead of after a 1.6 s preloader.
• Sass sources in scss/ and a documented npm run build. Changing one CSS custom property, –color-primary, rebrands the page.