
Creator campaigns, case studies and a blog, with not one byte of framework JavaScript. Relab is a complete influencer marketing and short-form video 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://relab-astro.vercel.app
What's Inside
16 page templates — 27 static pages per build: home, about, services, service detail, case studies, case study, blog, blog article, pricing, contact, style guide, licenses, instructions, changelog, 401 password protected and 404
Five case studies as Markdown — two tags, the client, industry, year and service rows, a client quote, two headline results, a card icon, a card picture and a banner, with the one-paragraph brief as the body; add one and it appears on the case studies page, in the related rail and at its own URL
Six blog articles as Markdown — a category, a card picture and a banner, and a body written in a four-block grammar the design sets a full-width picture into; the same article is drawn on the blog page, on the home page and under every other article
Three services as Markdown — platform tags, a headline, four process steps, a running band with its paragraph, and the small scene of photo, stickers, counter and cheer its card is dressed in; each is a card on the services page, a slide in the home page's slider and a page of its own
Motion that earns its keep — per-page opening sequences, 260 fade-up reveals plus 21 staggered and 18 rising groups, per-character rolling hovers on 139 buttons and 621 text links, tag chips that drop into place, 109 magnetic icon buttons, three sliders with Webflow's own algorithm transcribed, scroll-driven creator cards, a hero creator switcher, 20 FAQ rows, two tab sets, nine running bands, a background film with a play/pause control and a smoothed wheel scroll — all in one 14 KB vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every case study, article and service is one Markdown file with zod-validated frontmatter; which items the home page and the related rails feature is one JSON file
Design-token system — 225 custom properties hold the whole colour system, type scale and spacing steps, and /style-guide previews type, colour and buttons on one page
Self-hosted fonts — Averia Sans Libre, Hanken Grotesk, Inter Tight and Geist 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
contact@kaziehsan.com
Waida Studio