Studiox is an Astro theme for independent creative agencies, design studios and freelancers. Big Geist type, a single cobalt accent and generous white space keep the focus on the work.
Pages
12 pages: Home, Studio, Services, Work, Project detail, Journal, Article, Pricing, Team member, Contact, Privacy Policy and 404. Four projects, three articles, four services and ten team members ship as Markdown.
Motion
A WebGL liquid-chrome hero follows the cursor, and the wordmark swells on the font's weight axis under it. There is an intro loader, curtain page transitions, a crosshair cursor with per-section labels, GSAP ScrollTrigger reveals, a scroll-driven image zoom, pixel-edge dissolves, a drag-to-shuffle testimonial deck and a draggable team row. Lenis handles smooth scrolling, and visitors who prefer reduced motion get a still, fully readable site.
Easy to rebrand
Email, navigation and social links live in src/data/site.ts, and page copy in src/data/home.ts and pages.ts. Projects, articles, services and team members are content collections with Zod schemas. Colours are tokens in src/styles/variable.css, the type scale is in typography.css, and Geist loads through the Astro Fonts API.
Built right
Astro 7, Tailwind CSS 4, GSAP, Lenis and TypeScript. The output is static HTML, images are optimised with astro:assets, every page sets its own title, description, canonical, robots and Open Graph tags, and a sitemap and robots.txt are generated. The download includes documentation and placeholder media.
License
Paid theme, sold on pixels71.com. The licence terms on the purchase page apply.
