Axis Industrial Template
Axis Industrial is a free multi-page HTML CSS template built for corporate, tech, and industrial websites. It features three fully responsive pages with a shared design system powered by Space Grotesk and JetBrains Mono typography, a bold black and white palette with safety orange accents, 4px solid borders, and 8px hard-edged shadows. The template requires no images and no frameworks. It is pure vanilla HTML5, CSS3, and JavaScript in a clean, organized file structure with one common CSS, three page-specific CSS files, and one shared JS file. This template was fully designed and coded by Claude AI Opus 4.6, the most advanced model from Anthropic, through a collaborative prompting workflow.
The home page includes a kinetic hero section with scroll-driven animation, a bento-style specification grid, a dual-direction marquee ticker, and sticky stacking cards that layer on top of each other as you scroll. The product landing page showcases the AXIS-01 Neural Link with a centered hero, a four-card stats section, an eight-cell technical spec grid with color inversion on hover, and a scrolling terminal log at the bottom. The Observer page is an AI monitoring dashboard featuring a radar-style hero with animated sweep rings, a five-column metrics ribbon, a six-card capabilities grid with sparkline visualizations, a live CSS waveform display, and a persistent terminal sidebar with simulated system logs, throughput charts, and real-time stats.
Every interactive element uses instant color inversion on hover with zero transition delay, giving the entire template a mechanical, switch-like feel. The navigation uses a light-switch cell pattern where each menu item fills solid black or orange on hover. All three pages include a live UTC clock, scroll reveal animations with IntersectionObserver, mobile-friendly navigation, and cross-links between pages. This template is ideal for engineering firms, SaaS products, hardware startups, AI platforms, and any brand that wants a high-contrast, data-driven web presence.
The home page includes a kinetic hero section with scroll-driven animation, a bento-style specification grid, a dual-direction marquee ticker, and sticky stacking cards that layer on top of each other as you scroll. The product landing page showcases the AXIS-01 Neural Link with a centered hero, a four-card stats section, an eight-cell technical spec grid with color inversion on hover, and a scrolling terminal log at the bottom. The Observer page is an AI monitoring dashboard featuring a radar-style hero with animated sweep rings, a five-column metrics ribbon, a six-card capabilities grid with sparkline visualizations, a live CSS waveform display, and a persistent terminal sidebar with simulated system logs, throughput charts, and real-time stats.
Every interactive element uses instant color inversion on hover with zero transition delay, giving the entire template a mechanical, switch-like feel. The navigation uses a light-switch cell pattern where each menu item fills solid black or orange on hover. All three pages include a live UTC clock, scroll reveal animations with IntersectionObserver, mobile-friendly navigation, and cross-links between pages. This template is ideal for engineering firms, SaaS products, hardware startups, AI platforms, and any brand that wants a high-contrast, data-driven web presence.