Waida Studio
Visonaria - Astro 7 Theme for Creative Agencies & Digital Studios
Open on a hero that scrubs through three full-screen stages as you scroll, then let the work do the talking. Visonaria is a complete creative agency and digital studio theme built on Astro 7. Every page is static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one 6 KB vanilla script.
Live demo: https://visonaria-astro.vercel.app/
WHAT'S INSIDE
15 page templates — 24 static pages per build: home, about, work index, case study, services, journal, journal article, pricing, contact, style guide, license, instructions, changelog, 401 password protected and 404
Five case studies as Markdown — each with its year, services, timeline, tags, hero and two gallery photographs, and a body written as three regions the design sets a photograph between; add a file and it appears in the work index, in the home page's scroll rail and at its own URL
Six journal articles as Markdown — author, date, reading time, card and hero photographs, a lede and a rich-text body with a full-width figure, all validated on every build
A hero that scrubs — the home page opens on a scroll-linked stack that carries you through the wordmark, the studio statement and a full-bleed animated panel before the page proper begins
Split-text everywhere it matters — six treatments, character by character, with the word wrappers that stop a line breaking mid-word; headings, ledes, the hero wordmark and the rolling footer links
Motion that earns its keep — 328 scroll reveals, 27 scroll-scrubbed sections, two marquees, five count-up figures, a testimonial row that parts around whichever card you point at, a team carousel and a hover-driven services list — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every article and case study is one Markdown file with zod-validated frontmatter; the services, values, statistics, testimonials, awards, partners, achievements, plans and releases are JSON, because none of them is a document
Design-token system — 139 custom properties in one :root block hold the whole colour system, type scale and spacing, and /style-guide previews type, colour, buttons and form controls on one page
Self-hosted Poppins and Archivo Expanded — 21 woff2 files, no CDN requests, no font flash
Working demo forms — a six-field enquiry form that validates in the page and a 401 password box, both ready to point at a real endpoint by removing one attribute
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, no animation library
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