Waida Studio
Egnis - Astro 7 Theme for Video Production & Creative Media Studios
Show the reel, publish the notes, and sell the retainer — from one static build that loads instantly. Egnis is a complete creative media and video production studio theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.
Live demo: https://egnis-astro.vercel.app
WHAT'S INSIDE
22 page templates — 39 static pages per build: home, about, services, projects index, case study, journal, journal article, pricing, plan category, buy page, contact, checkout, PayPal checkout, order confirmation, style guide, licence, instructions, changelog, privacy policy, terms and conditions, 401 password protected and 404
Five case studies as Markdown — each with its category, tag row, client sheet and four facts, and a body that carries the design's own pair of plates set into the middle of the prose; add a file and it appears on the projects page, under its category tab, in the home page's strip of three and at its own URL
Twelve journal articles as Markdown — category, reading time, date, byline, four photographs and a pull quote the design sets between the two runs of body copy, all validated on every build
Three buy pages as Markdown — the plan's own write-up plus the price table its Monthly / Yearly pills switch between; the "What's Included" list is read from the plan itself, so a feature changed on the pricing grid is changed on the buy page at once
Commerce pages — a three-plan storefront with a buy box, a cart drawer, checkout, PayPal checkout and an order confirmation that prints what was bought; each plan sold Monthly or Yearly, and the two never merge in the basket (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — 595 scroll reveals, a character-level hero roll, seventy-three scroll-driven split blocks, thirteen scroll-scrubbed sections, a client-logo marquee, three tab sets, five FAQ disclosures, a services accordion, a cross-fading review carousel, a pointer-following "View Project" pill, smooth wheel scrolling and four background films with play/pause controls — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every article, case study and buy page is one Markdown file with zod-validated frontmatter; the services, the pricing cards and the category are JSON, because none of them is a document
Design-token system — 132 custom properties hold the whole colour system, type scale, spacing steps and radii, and /style-guide previews type, colour, buttons and form controls on one page
Self-hosted fonts — Inter and Fira Mono as woff2, no CDN requests
TypeScript throughout, zod-validated content schema
TECH STACK
Astro 7 · Markdown content collections · TypeScript · the template's own CSS — no utility framework, no build-time CSS pipeline
REQUIREMENTS
Node 22.12 or newer. npm ships with it. Nothing else to install.
LICENSE
One end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.
SUPPORT