Axiom

About This Template

Axiom is a scholarly, architectural template for AI agencies, ML studios and technical consultancies — MIT lab research meets a high-end creative agency. Ten routes cover home, a services index and detail pages, a work index and case studies, a blog index and post, about, contact and a 404. The hero is "The Rift": the headline is rendered twice and clipped into top and bottom halves, and a pinned ScrollTrigger drives them apart while an interactive neural-network canvas fades out and a background image wipes in from the left via clip-path. Hovering the hero scrambles the headline with GSAP ScrambleText. Three runtime skins — Parchment, Obsidian and Chalk — are switchable from a floating picker and persisted to localStorage.

Signature

"The Rift" renders the hero headline twice, clipping one copy to the top half of the viewport and one to the bottom. A pinned, scrubbed ScrollTrigger then drives them apart — top up, bottom down — while an interactive neural-network canvas behind them fades out and a background photograph wipes in from the left via a clip-path inset. The result is the page physically tearing open to reveal what is underneath. Hover the hero before you scroll and GSAP ScrambleText re-resolves the words character by character.

Features

• 10 routes — Home, Services, Service Detail, Work, Case Study, Blog, Post, About, Contact, 404
• "The Rift" hero — a pinned ScrollTrigger pulls the top and bottom halves of the headline apart as an image wipes in behind them
• Interactive neural-network canvas — 65 nodes that connect within 130px and react to the pointer with attract/repel forces
• GSAP ScrambleText headline that re-resolves character by character on hero hover
• Preloader with a counter and progress bar that run to 100, then a clip-path wipe that unlocks scroll and builds every ScrollTrigger
• Full prefers-reduced-motion path — every reveal, split and clip-path resolves straight to its final state instead of animating
• Horizontal process section built on a tall outer wrapper — no pinSpacing hacks, no spacer divs
• Work list with a cursor-following image preview on row hover
• 3 runtime skins — Parchment (default), Obsidian and Chalk — via a floating picker, persisted to localStorage
• Full GSAP system in one typed module — blur reveals, word/char/line reveals, 3D card tilt, magnetic buttons, parallax, number counters
• Scroll-speed marquee whose timeScale ramps up to 5x with scroll velocity and eases back to its base loop
• Clip-path image reveals with counter-scale so images never distort on entry
• Navbar that hides on scroll down and reappears on scroll up
• 4 content collections — 4 services, 4 work case studies, 2 blog posts, 5 testimonials (JSON + Markdown)
• Lenis smooth scroll and the whole GSAP system tear down and re-init cleanly across Astro ViewTransitions, with the active skin re-applied on before-swap so there is no flash
• SEO complete — OG/Twitter meta, JSON-LD, canonical, sitemap and robots.txt; TypeScript strict with zero any

Deployment