Oryven - Agency Studio Astro Template
A dark, motion-led Astro template for design studios and agencies.
About this template
Oryven is a dark, motion-led template for design studios, branding agencies and independent creative teams. It opens with a short loader and a pinned hero, and every section after it reveals as you scroll, with smooth scrolling throughout.
Features
- Motion built in. GSAP scroll reveals, word-by-word headings, a pinned hero sequence, a wave-style testimonial track and number roll-ups.
- Smooth scrolling. Lenis handles the scroll, and in-page links glide to their section.
- Case studies and journal in Markdown. Astro content collections: add a project or an article by dropping a
.mdfile into a folder. - Animate with attributes. Add
data-reveal,data-splitordata-zoomto any element to animate it, with no JavaScript to write. - Easy to restyle. Colours, type and spacing are Tailwind v4 theme tokens in one CSS file.
- Fully responsive. Designed for desktop, tablet and phone widths.
- Respects reduced motion. Animations settle instantly for visitors who turn motion off.
- SEO basics included. Per-page titles, canonical URLs, Open Graph image and favicon.
Pages
- Home: loader, hero, clients, services, selected work, process, pricing, testimonials, journal, FAQ, CTA and contact
- Projects
- Project detail
- Journal
- Article
- Contact
- Legal
- 404
Stack
Astro 7, TypeScript, Tailwind CSS v4, GSAP, Lenis, NumberFlow. It builds to a fully static site you can host on Netlify, Vercel, Cloudflare Pages or GitHub Pages.
Notes
The contact form is layout only. Connect it to your form service (Formspree, Netlify Forms and so on). Photos are placeholders at the original sizes, so you can swap in your own.
Support
Need help setting up? Reach out to us at: hello@pixels71.com