Waida Studio
Brandora - Astro 7 Theme for Creative and Marketing Agencies
A studio site with case studies, a careers board and a working storefront, and not one byte of framework JavaScript. Brandora is a complete creative marketing agency 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://brandora-astro.vercel.app
WHAT'S INSIDE
21 page templates — 49 static pages per build: home, about, works grid, case study, service detail, blog, blog post, careers board, role detail, pricing, plan category, plan detail, contact, checkout, PayPal checkout, order confirmation, style guide, license, changelog, password (401) and 404
Case studies — 4 projects as Markdown, each written as three regions the design drops photographs between, with the client, timeline, industry, year and live link printed around them
Services — 5 pages as Markdown, each with an overview, an impact statement, a commitment grid and the five-step process list the design scrubs open as you scroll
Journal — 9 articles as Markdown, across a five-tab strip, each with an author, a reading time, a standfirst and a body that takes four heading scales, lead paragraphs, lists and pull quotes
Careers — 10 open roles as Markdown, each with its position, location and type, a portrait, a description and an apply box beside it
Commerce pages — a three-plan pricing table, three plan category pages, three plan detail pages with a billing switch, a cart drawer, checkout, PayPal checkout and order confirmation, with quantity editing, line totals, subtotals and form validation (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — scroll reveals at the design's own offsets and delays, three counters, images that settle out of a scale-up, nine scroll-scrubbed sections transcribed keyframe for keyframe from the original, a seven-panel FAQ that animates to its real height, and a lime disc that drifts with the pointer across a case-study card — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — add a Markdown file with an order number, and the entry, its listing card and its detail page all follow
Design-token system — the whole palette, type scale, spacing and radii are 57 CSS custom properties in one :root block; change them there and every page follows
Self-hosted fonts — Inter Display as four static woff2 files covering weights 400–700, no CDN requests
Responsive imagery — 245 srcset attributes across the build, so every picture ships at the size the slot actually needs
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