Moxie is a complete website system for creative agencies, independent studios, brand practices, and digital product teams that want motion to feel like part of their identity rather than decoration. A living color-mesh hero, oversized typography, vivid service gradients, editorial project layouts, and a sharp monochrome interface give the theme a confident studio personality from the first screen.
The movement is subtle but present throughout the experience. Lenis smooths the scroll, GSAP coordinates reveals, parallax, rotating marks, and the hero transformation, project images respond with controlled crop and zoom effects, and continuous marquees loop without exposing an empty gap. Astro view transitions connect the work, service, journal, and studio pages while correctly resetting each destination to the top.
It ships as a complete site rather than a single portfolio page: 22 generated static routes, five work case studies, five service detail pages, three journal articles, a studio page, pricing, contact, legal pages, sitemap output, robots output, and a custom 404.
Built on Astro 7, Tailwind CSS 4, TypeScript, GSAP, and Lenis. Shared brand details, navigation, homepage sections, pricing, forms, footer content, metadata, and SEO defaults live in src/config/site.ts. Repeatable work, service, and journal entries live in Astro Content Collections as Markdown.
Who it's for
- Creative agencies and independent design studios
- Brand strategy, identity, and motion practices
- Web design and digital product teams
- Freelance designers and developers building a studio presence
- Content, campaign, and growth partners
- Small teams that need work, services, journal, pricing, and inquiries in one site
What's distinctive
- A living color-mesh hero that changes scale, composition, and opacity as visitors scroll into the page
- Lenis smooth scrolling paired with GSAP reveals, image parallax, rotating graphic marks, and responsive typography
- Animated project cards with colored image veils, crop motion, zoom, directional controls, and shared transitions into case-study pages
- Expressive service cards with individual gradients, visual marks, hover motion, and generated detail pages
- Continuous collaborator and studio-principle marquees that remain seamless on wide screens
- Astro page transitions with correct new-route scroll restoration instead of carrying the previous page's position forward
- A flexible three-option pricing section for sprints, launches, and ongoing partnerships
- Intentional reduced-motion states for every major animation and interaction
What's included
- Full source: Astro 7 + Tailwind CSS 4 + TypeScript + GSAP + Lenis
- 12 page types: Home, Work, Work Detail, Services, Service Detail, Studio, Journal, Journal Post, Contact, Privacy, Terms, and 404
- 22 generated static routes with five work case studies, five service pages, and three journal articles
- 16 reusable site sections and compositions, including the mesh hero, collaborator marquee, selected work, manifesto, services, proof, pricing, closing CTA, and footer
- One-file shared configuration at src/config/site.ts for identity, navigation, homepage copy, featured ordering, pricing, contact details, forms, metadata, social links, footer content, and SEO
- Three Astro Content Collections for work, services, and journal entries, with starter Markdown content
- Contact form modes for Formspree, FormSubmit, Netlify Forms, a custom endpoint, or a safe local demo
- Centralized, replaceable Unsplash photography throughout the demo
- Self-hosted Geist Variable and JetBrains Mono Variable via Fontsource
- Responsive navigation, full-screen mobile menu, keyboard-accessible interactions, and reduced-motion support
- Static sitemap and robots output plus editable canonical, Open Graph, and social metadata
- Deployment scripts for Cloudflare Pages and compatibility with Netlify, Vercel, GitHub Pages, or any static host
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/moxie
