Waida Studio
A creative agency is judged on its own website before anyone reads a word of its work. Visonaria is a hand-coded HTML template for design studios, branding agencies, digital product teams and marketing consultancies that want a site with the confidence of a portfolio and the structure of a business.
Built with clean HTML5, CSS3 and vanilla JavaScript, Visonaria pairs a bold aureolin-yellow palette with a complete site: a scroll-driven opening sequence, a project portfolio with five full case studies, an animated services list, a pricing page, a six-article journal and a contact page — all running in the browser with no jQuery, no framework and no build step.
Whether you run a two-person brand studio, a product design consultancy, a marketing agency or an independent practice, Visonaria provides every page and component needed to show the work, explain the process, and make the first conversation easy to start.
Designed for Creative Studios
Visonaria is organised around the way a client actually assesses an agency: what have you made, how do you work, and what does it cost. The template includes purpose-built sections for a scroll-scrubbed hero that hands off through three full-screen stages, two columns of project cards that travel in opposite directions as you scroll, a services list that swaps its photograph as you move down it, a stacked awards section, a process breakdown, an animated partner grid, count-up statistics and a testimonial row whose cards part around whichever one you point at.
With a palette of aureolin yellow, near-black and five accent tones, Poppins for text and Archivo Expanded for display type, every heading arrives one character at a time and every section is timed to the scroll rather than to a stopwatch.
Key Features
Bold design in aureolin yellow, near-black and five accents
Fully responsive across all devices
Built with HTML5, CSS3 and vanilla JavaScript
No jQuery, no frameworks, no build step required
24 pages including 11 portfolio and journal pages
Five project case studies with their own facts and gallery
Six full-length journal articles with author and reading time
Scroll-scrubbed hero that hands off through three stages
Two project columns that scroll in opposite directions
Animated services list that swaps its photograph on hover
Stacked award cards that leave one at a time as you scroll
Process steps that shrink away as the next one arrives
Partner logo grid that unrotates tile by tile
Split-text headings that arrive one character at a time
Count-up statistics that start when they reach the screen
Testimonial cards that part around the one you point at
Tag marquee running in both directions
Team carousel with real previous and next controls
Pricing page with two plans and a full feature list
Contact page with an enquiry form and office details
Password-protected, 404, style guide and licence pages
Self-hosted web fonts, no third-party requests
Every interaction stops under reduced-motion settings
Perfect For
Brand and identity design studios
Digital product and UX consultancies
Marketing and creative agencies
Independent designers and small collectives
Film, motion and production studios
Web development and engineering shops
Freelancers presenting client case studies
Any practice whose work is worth showing
Performance & User Experience
Visonaria ships as one stylesheet, one script and its own fonts. There is no runtime to boot, no framework to parse and no third-party request on any page, so a case study paints as soon as its HTML arrives. Images are served in modern formats at the sizes the layout actually asks for, and every scroll-linked effect is CSS driven by a single custom property rather than a JavaScript animation loop.
Every interaction is a real control. The navigation, the carousel and both forms are buttons a keyboard can reach and a screen reader can name, each page has a skip link and exactly one H1, and every animation stops when the visitor's system asks for less motion. With JavaScript switched off the whole site still reads: nothing is hidden behind a script that has to run first.
Why Choose Visonaria?
Visonaria gives a creative business the two things its site has to do well — make the work look worth commissioning, and make the enquiry easy — in code clean enough to hand to any developer, with no framework to learn, no build to run and nothing to keep up to date.