Waida Studio
Henecon - Astro 7 Theme for Creative Agencies & Design Studios
Bold type, bolder work, and a storefront that actually takes the order — from one static build that loads instantly. Henecon is a complete creative agency and design 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://henecon-astro.vercel.app
WHAT'S INSIDE
20 page templates — 36 static pages per build: home, about, project index, case study, blog, blog article, pricing, plan category, buy page, contact, checkout, PayPal checkout, order confirmation, style guide, license, changelog, privacy policy, terms and conditions, 401 password protected and 404
Six case studies as Markdown — each with its banner, a three-fact sheet, a two-image click-to-zoom gallery, a full-width still and a body written as the five labelled blocks the design draws; add a file and it appears on the project index, in the home page's works strip, in the rail under every other case study and at its own URL
Ten blog articles as Markdown — excerpt, category, listing and byline dates, author, and every photograph with the srcset rungs the design gives it, all validated on every build
A blog with six filter tabs — a featured article above them, five category tabs beside "all", and one card component serving every surface that prints an article
Commerce pages — a two-plan storefront with an add-to-cart form, a cart drawer in the navigation bar, checkout, PayPal checkout and an order confirmation that prints what was bought (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — 713 scroll reveals, 38 marquees, 35 scroll-scrubbed sections, seven FAQ disclosures, two tab sets, a hover-and-click Pages mega menu, a pointer-driven hero and a project lightbox — 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 pricing cards, the buy pages and the categories are JSON, because none of them is a document
Design-token system — 99 custom properties in one :root block 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 — Big Shoulders Display, Inter, Geist and Manrope 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