Waida Studio
A pale grey page, black Inter Tight type, white cards with soft shadows and one coral accent, with product screens set into phone frames and a wallet balance that rolls over as you watch. Finos is a complete personal-finance and money-management 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://finos-astro.vercel.app
What's Inside
16 page templates — 35 static pages per build: home, about, features, pricing, integrations, integration detail, blog, blog article, contact, style guide, licenses, instructions, changelog, 401 password protected and 404
Thirteen blog articles as Markdown — an author with a portrait and a company, a date, a reading time, a category, a card picture and a banner, and a body in four sections — Overview, Key Capabilities, Setup Instructions, Security & Privacy — that the page's table of contents links to; the blog page features one article, files the rest under All / Planning / Saving / Systems / Guide tabs whose labels count what they hold, and pages the All tab six cards at a time
Nine integrations as Markdown — a name, a logo, a one-line description and a page body; each is a card on the integrations grid and a page of its own, with the Finos logo set beside the partner's
Motion that earns its keep — 654 scroll reveals and 91 staggered groups of 371 items, letter-by-letter menu links, six partner-logo marquees, four turning badges, a wallet balance that rolls its digit columns while the cards beneath it slide, six digit-train statistics that spin into view, four home-page sliders with Webflow's own algorithm transcribed, a mega menu, a sliding mobile menu, an FAQ accordion, two billing switches, ARIA blog tabs with paging, 144 social buttons whose glyph follows the pointer, rolling hovers on 136 buttons and 560 menu links, and a smoothed wheel scroll — all in one 15 KB vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every article and integration is one Markdown file with zod-validated frontmatter; which article the blog features is one JSON file
Design-token system — 214 custom properties hold the whole palette, type scale and spacing steps, and /style-guide previews the palette and the type scale on one page
Self-hosted fonts — Inter Tight as woff2 in five weights, 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