Waida Studio
A dark, monochrome studio site framed by running ruler marks, with not one byte of framework JavaScript. Minux is a complete creative 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://minux-astro.netlify.app
What's Inside
16 page templates — 36 static pages per build: home, about, services, service detail, work, case study, blog, blog article, pricing, contact, style guide, licenses, instructions, changelog, 401 password protected and 404
Four services as Markdown — tags, the large statement under the title, the paragraph beside it, what is included and what is delivered, a card picture and two gallery pictures; each is a card on the services page, a card in the home page's carousel and a page of its own
Seven case studies as Markdown — every word on the page is a labelled field: client, industry, year, services, tags, the summary, the challenge and the solution, two headline results, a banner and a results picture, and the two related projects shown under it; add one and it joins the work grid and gets its own URL
Twelve blog articles as Markdown — a date, a category, a card picture and a banner, and a body written in a four-block grammar of headings, sub-headings, paragraphs and full-width pictures; each article files itself under its Insights, Design or Trends tab on the blog page and can be featured in the blog rail under every article
Motion that earns its keep — 627 fade-up scroll reveals, page titles that rise one letter at a time, 67 running ruler strips, client-logo and project marquees, a breathing showreel, award cards that shrink as they stack while you scroll, numbers that count up, rolling hovers on 74 buttons, a four-card service carousel with an overshooting entrance, a cross-fading team slider with Webflow's own algorithm transcribed, three tab sets for the pricing plans, the testimonials and the blog categories, an FAQ accordion, a full-screen mobile menu and a smoothed wheel scroll — all in one 12 KB vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every service, case study and article is one Markdown file with zod-validated frontmatter; what the pages feature, and the pictures the home page's service carousel uses, is one JSON file
Design-token system — 295 custom properties hold the whole colour system, type scale and spacing steps, and /style-guide previews the palette and the type scale on one page
Self-hosted fonts — Poppins, B612 Mono, Inter and Mea Culpa 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.
Support
contact@kaziehsan.com