OBSCURA — Creative Studio
We make the unseen unforgettable.
The catalog's flagship: a cinematic portfolio concept for a top-tier creative & design studio — a dark-room world with a generative animated aperture hero, a custom magnetic cursor, a GSAP pinned horizontal showcase, scroll-driven case studies, kinetic type and coloured shutter page transitions. Every visual is procedural (no external images) and every effect has a reduced-motion fallback.
Role · Design & build — generative art system, motion choreography, front-end engineering · Updated Jul 2026
- Full Next.js 15 source — Home, Work index, 7 filterable case studies, Services, Studio, Contact, on-brand 404
- A generative art system (Canvas hero + 7 SVG project motifs + team portraits) you can re-seed and re-skin
- A reusable motion toolkit — custom cursor, magnetic CTAs, GSAP pin/horizontal helpers, text reveals, marquees, shutter transition
- A typed content layer (projects, services, fictional cast and concept-case index) + a validated local-only inquiry form
- Delivery
- 48–72h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Forms / CMS
Projects, services, team and the concept-case index are a typed content layer; the local-only project-inquiry form wires to any endpoint — connect a headless CMS to manage case studies.
Delivered as full Next.js source. Re-seed the generative art, swap in your projects, and wire the inquiry form to your endpoint.
What makes it special
A generative hero that adapts
On desktop, a software-rendered Canvas particle field flows into a pointer-reactive lens aperture; mobile and reduced-motion contexts use a crisp static aperture for instant paint and native ergonomics.
Six orchestrated signature moments
A custom magnetic cursor, a GSAP pinned horizontal showcase, scroll-driven case studies, word-by-word kinetic reveals, marquees and a coloured shutter page-wipe — each with an instant, usable fallback.
Procedural art, zero stock photography
Seven case studies each get a distinct motif and signature gradient, rendered as deterministic SVG seeded from the slug — varied, on-brand and crisp at 4K.
Accessible by design
Semantic landmarks, ordered headings, a skip link, a focus-trapped menu, focus-visible rings, text alternatives for every generative visual and a custom cursor that never traps keyboard users.
Fast and static
A fully exportable static site — transform/opacity-only animation, ~0 CLS, self-hosted fonts with no external requests, and verified 0 console errors from 375px through 4K, in full-motion and reduced-motion.
What’s included
- Full Next.js 15 source — Home, Work index, 7 filterable case studies, Services, Studio, Contact, on-brand 404
- A generative art system (Canvas hero + 7 SVG project motifs + team portraits) you can re-seed and re-skin
- A reusable motion toolkit — custom cursor, magnetic CTAs, GSAP pin/horizontal helpers, text reveals, marquees, shutter transition
- A typed content layer (projects, services, fictional cast and concept-case index) + a validated local-only inquiry form
- SEO + a11y baked in — per-page metadata, truthful WebSite/CreativeWork JSON-LD, sitemap, robots and manifest
More Agency & Creative templates
Explore more collections
Frequently asked
- What do I get when I buy OBSCURA?
- A one-time licence with the full, editable source code, including full next.js 15 source — home, work index, 7 filterable case studies, services, studio, contact, on-brand 404, a generative art system (canvas hero + 7 svg project motifs + team portraits) you can re-seed and re-skin, a reusable motion toolkit — custom cursor, magnetic ctas, gsap pin/horizontal helpers, text reveals, marquees, shutter transition. 14 days setup support and free updates included.
- What is OBSCURA built with?
- It's a Next.js portfolio, built with Next.js 15, TypeScript, Tailwind v4, Framer Motion, GSAP ScrollTrigger. You receive the complete source to host and extend anywhere.
- Can YantraCore customise OBSCURA for my brand?
- Yes — buy it as-is for $5,800, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 48–72h after purchase.
Make OBSCURA yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.