Luminary Template
Luminary is a free HTML CSS website template designed for SaaS platforms, workflow automation tools, and B2B technology products. Built with pure HTML5, CSS3, and vanilla JavaScript with no frameworks and no dependencies, this dark-themed landing page features a cool graphite color palette, Montserrat typography, and a premium cockpit-inspired design with fixed side panel scroll indicators. The hero section includes an interactive mouse-following grid spotlight effect, animated metric counters, and smooth scroll-triggered reveal animations throughout the entire page.
This template includes all essential sections for a modern SaaS product launch: a trusted-by logo ticker with infinite scroll, three alternating feature showcases with image placeholders, a three-tier pricing table with monthly and annual toggle showing both price options simultaneously, customer testimonials, a twelve-item integration grid, and an FAQ accordion with expand/collapse all functionality using silky CSS Grid animations. Fully responsive across desktop, tablet, and mobile with a full-screen mobile menu, landscape viewport support, hover guards for touch devices, and keyboard accessibility on all interactive elements.
Features:
+ Dark graphite color palette with cool metallic tones and silver accents
+ Interactive hero grid with mouse-following spotlight effect
+ Fixed side panels with scroll progress tracking and section indicators
+ Responsive navigation with down-arrow chevron hover and full-screen mobile menu
+ Logo ticker with infinite smooth scroll animation
+ Three alternating feature showcase sections with image containers
+ Three-tier pricing cards with monthly/annual toggle showing both prices
+ Customer testimonial cards with staggered layout
+ Integration grid with SVG icons for twelve services
+ FAQ accordion with CSS Grid expand/collapse and staggered expand-all animation
+ Animated number counters with cubic easing on scroll intersection
+ SVG grain texture overlay for brushed aluminum feel
+ Scroll-triggered reveal animations with staggered delays
+ Hover guards for touch devices and focus-visible accessibility
+ Pure HTML5, CSS3, and vanilla JavaScript with no frameworks
This template includes all essential sections for a modern SaaS product launch: a trusted-by logo ticker with infinite scroll, three alternating feature showcases with image placeholders, a three-tier pricing table with monthly and annual toggle showing both price options simultaneously, customer testimonials, a twelve-item integration grid, and an FAQ accordion with expand/collapse all functionality using silky CSS Grid animations. Fully responsive across desktop, tablet, and mobile with a full-screen mobile menu, landscape viewport support, hover guards for touch devices, and keyboard accessibility on all interactive elements.
Features:
+ Dark graphite color palette with cool metallic tones and silver accents
+ Interactive hero grid with mouse-following spotlight effect
+ Fixed side panels with scroll progress tracking and section indicators
+ Responsive navigation with down-arrow chevron hover and full-screen mobile menu
+ Logo ticker with infinite smooth scroll animation
+ Three alternating feature showcase sections with image containers
+ Three-tier pricing cards with monthly/annual toggle showing both prices
+ Customer testimonial cards with staggered layout
+ Integration grid with SVG icons for twelve services
+ FAQ accordion with CSS Grid expand/collapse and staggered expand-all animation
+ Animated number counters with cubic easing on scroll intersection
+ SVG grain texture overlay for brushed aluminum feel
+ Scroll-triggered reveal animations with staggered delays
+ Hover guards for touch devices and focus-visible accessibility
+ Pure HTML5, CSS3, and vanilla JavaScript with no frameworks