Zolo – Astro Studio Portfolio Template for Branding & Design Teams

Share

Facebook Twitter Pinterest

Zolo is a premium Astro studio portfolio template for branding studios, design teams and creative freelancers who want a confident, modern website that wins clients. It pairs a rounded display font with crisp monospace labels, a skewed image carousel and a complete sales story on one homepage: who you are, what you offer, the work you are proud of, what you charge and how to get in touch.

Everything runs on Astro with a built-in EmDash CMS, so you can swap in your own projects, services and prices from an admin panel and deploy the finished site to Cloudflare’s free plan.

Why Choose the Zolo Astro Studio Portfolio Template?

Many studio websites stop at a grid of thumbnails. Zolo is built to sell: every homepage section answers a question a prospective client has before booking a call, from proof of results to transparent pricing and a short FAQ. Astro renders each page to lightweight HTML with very little JavaScript, which keeps load times low and helps the site score well in Lighthouse and Core Web Vitals.

Running a larger agency with more pages and a team section? Take a look at Olam or Hulio, or browse every design in our Astro templates collection.

Pages Included

• Home: hero with rotating service tags and an image carousel, about section with animated stats, four services, selected works, benefits and results, testimonials, two pricing plans, FAQ and a contact section with form
• All Projects: a full-width overview of every case study
• 5 Project Detail Pages: client, services and year, a short project summary and large image galleries
• 404: a styled error page that guides visitors back home

Key Features

A Homepage That Sells Your Studio

Ten sections take visitors from first impression to enquiry. Animated counters highlight projects completed and client satisfaction, a benefits block shows the results you deliver, and testimonials add social proof right before the pricing table.

Case Studies Managed in the CMS

Projects live in the EmDash CMS. Add a new case study with its category, client, services, year and images, and it appears on the homepage, the all projects page and its own detail page automatically.

Pricing Plans and FAQ Ready to Edit

Two pricing cards with feature lists and booking buttons help you qualify leads before the first call. The FAQ accordion covers services, process, turnaround, pricing and getting started, and every answer can be rewritten in minutes.

Built-in Contact Form

The contact section combines a working form with phone and email details and a short testimonial, so enquiries come straight to you.

Fast, Responsive and SEO Ready

• Static Astro output with minimal JavaScript for fast loading
• Semantic headings and clean markup on every page
• Editable meta titles, descriptions and Open Graph tags
• Responsive layouts tuned for desktop, tablet and mobile
• Animations that respect reduced-motion settings

Deploy to Cloudflare in Minutes

Run one command to publish Zolo on Cloudflare Workers. Most studio sites stay within Cloudflare’s free plan, so hosting costs nothing while your traffic grows.

Who Is This Template For?

Zolo suits branding and identity studios, web design agencies, UI/UX studios, art directors, freelance designers and small creative collectives who want to show their work, explain their services and publish their prices in one place.

Tech Stack

• Astro 7
• TypeScript
• Tailwind CSS v4
• EmDash CMS
• Cloudflare Workers deployment
• Node.js 22.16+

Frequently Asked Questions

Do I need coding skills to use Zolo?

No. Text, images, projects, services, testimonials and pricing are edited in the EmDash admin panel. Basic terminal use helps for the first deploy, and the included documentation walks you through each step.

Can I add more case studies?

Yes. Create a new project in the CMS and Zolo builds its detail page and adds it to the project listings for you.

Where can I host the Zolo Astro template?

Zolo is set up for Cloudflare Workers, and most studio websites fit within Cloudflare’s free plan. It is a standard Astro project running on Node.js 22.16+, so it can be adapted to other hosts.

Can I change the colors, fonts and pricing?

Yes. Styles are built with Tailwind CSS, so colors, typography and spacing are quick to update, and the pricing plans are regular content you can edit at any time.

Can I use Zolo for a client project?

Yes. You can build a website for your own studio or for a client. Please see the license terms for full details.

Changelog

v1.0.0 (November 14, 2026): Initial release.