Live demo: https://oriel-theme.pages.dev

Oriel is an Astro + Sanity website theme for crypto foundations, DAOs and Web3 grant programs. A light lavender canvas, glossy 3D renders that loop as short videos and calm motion on every page, with no heavy WebGL bundle.

17 page types, 39 pages: home, about, network and token, grants, an open grant round with an application form, an ecosystem directory with filters, 12 project pages, research, governance with 6 proposal pages and vote results, events, a journal with 6 articles, contact, careers, privacy, terms and a 404

29 seamless 3D video loops (WebM + MP4) with posters, loaded lazily and paused off screen

Motion: a preloader, an arch-shaped page transition, Lenis smooth scrolling, a fixed header with a gliding pill, text reveals, underline links that sweep in from the left and out to the right. Everything turns off for reduced motion

Edit in Sanity or in one file: Sanity Studio schemas and a seed script with all the demo content. Without Sanity the site builds from one JSON file

SEO and AI search built in: meta and social images per page, structured data (Organization, Article, Event, FAQ, Breadcrumbs), sitemap, RSS, a robots.txt that welcomes AI crawlers, and llms.txt

Lighthouse on mobile: 100 in Accessibility, Best Practices and SEO, 96 to 100 in Performance (15 pages of the live demo, 1 Nov 2026)

Make it yours: a "?" on every render shows the prompt that made it. A 24-page PDF guide covers connecting Higgsfield to Claude, style variations of every prompt and turning any still into a seamless loop with the included video kit (all 29 scenes in code, Remotion + Three.js). GUIDE.md has rebrand prompts for Claude Code or ChatGPT

Forms for grant applications, contact and the newsletter: Formspree, Web3Forms or Basin

Figma file included: every page on desktop and phone, the design system and variables

One payment, unlimited client projects, free updates.