VFX Studio is a premium Astro theme for visual effects houses, film and post-production companies, CGI and 3D studios, motion graphics and animation teams, and commercial production agencies. It pairs a dark, cinematic design with a content structure built for showing work: case studies, service pages and a journal.
What's included
- 32 pages built from Markdown content collections with schema validation: homepage, about, services, service details, portfolio, case studies, journal, articles, contact, FAQ and a custom 404
- Case-study template with production details, brief / challenge / approach, a draggable before/after comparison, a Swiper gallery, a video embed, previous/next navigation and related projects
- Filterable portfolio. Category filters update the grid instantly, work from the keyboard and keep the selected view in the URL
- Service detail template with capabilities, deliverables, workflow, project references, related services and an FAQ
- Journal with a featured article, pagination, reading time, author box, share links and related articles
- Contact page with an accessible enquiry form that connects to Formspree, Netlify Forms or your own API
- Swiper.js sliders for testimonials, galleries and related projects, loaded only on the pages that use them
Design and motion
- Inter Tight, IBM Plex Mono and Bodoni Moda typography, with every colour and spacing value in a few CSS variables
- Preloader, split-letter headings, scroll reveals, parallax, animated counters, a custom cursor and magnetic buttons
- Every effect respects reduced-motion settings, and the content stays readable without JavaScript
Built for production
- Astro 7, static output, no UI framework. About 3 KB of gzipped JavaScript runs on every page
- SEO: canonical URLs, Open Graph and Twitter cards, a sitemap, robots.txt, and JSON-LD for Organization, WebSite, BreadcrumbList, BlogPosting and FAQPage
- Accessibility: a skip link, a focus-trapped menu overlay, visible focus states, labelled form fields and keyboard-friendly accordions and sliders
- Fully responsive from 320px to wide desktop
- One config file for site identity, contact details, social links and feature switches
- Deploys to a domain root or a sub-folder through a single BASE_PATH setting
- Includes an .htaccess file for Apache and LiteSpeed hosting, and works on Vercel, Netlify and Cloudflare Pages
- Detailed README covering setup, customisation, content, sliders, the contact form, deployment and image credits
