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
Licensed to one person for unlimited projects: your own sites and client sites alike, with no per-project limit. Need seats for teammates or contractors? Ultra covers three named people. You may modify the source freely; you may not resell, sublicense or redistribute it. Full terms at waidastudio.com/legal/terms.
SUPPORT