Waida Studio
Obliq Studio - Astro 7 Theme for Creative Agencies & Design Studios
Show the work, tell the story, and sell the retainer — from one static build that loads instantly. Obliq Studio is a complete creative agency and design portfolio 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://obliqstudio-astro.vercel.app
WHAT'S INSIDE
21 page templates — 47 static pages per build: home, about, work index, work detail, service detail, journal, journal article, careers board, job posting, pricing, plan category, buy page, contact, checkout, PayPal checkout, order confirmation, style guide, licenses, changelog, 401 password protected and 404
Eight case studies as Markdown — each with its numeral, tagline, client sheet, three facts and a body written as labelled sections the design prints in yellow; add a file and it appears in the work index, in the home page's marquee, in the scroll rail beside it and at its own URL
Nine journal articles as Markdown — date, reading time, byline, card and hero photographs, an introduction and a rich-text body, all validated on every build
Five service pages and six job postings as Markdown — the same treatment, each with the design's own shared photography set between the blocks
Commerce pages — a two-plan storefront with a buy box, a cart drawer, checkout, PayPal checkout and an order confirmation that prints what was bought; each plan sold Monthly or Project, and the two never merge in the basket (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — 659 scroll reveals, four marquees, two spins, a drifting list, seventeen scroll-scrubbed sections, two slot-machine counters, seven FAQ disclosures, four tab sets, a pointer parallax and three background films with a play/pause control — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every article, case study, service and role 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 — 89 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 — Inter Display and DM Mono 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