Structura Studio is a premium, high-end digital agency template built with Next.js, Tailwind CSS, and GSAP. It is designed to impress with smooth scroll animations, rich typography, and dynamic grid reveals. The perfect starting point for any creative studio, digital agency, or high-end freelancer looking to establish a dominant online presence.
Structura Studio is a premium, high-end digital agency template built with Next.js, Tailwind CSS, and GSAP. It is designed to impress with smooth scroll animations, rich typography, and dynamic grid reveals. The perfect starting point for any creative studio, digital agency, or high-end freelancer looking to establish a dominant online presence.
The signature feature of Structura Studio is its Architectural Grid Reveal system—smooth, interconnected grid lines that animate on scroll using GSAP, creating an underlying structure that brings the layout to life.
| Technology | Description |
|---|---|
| Next.js | App Router, Server Components |
| TypeScript | Full type safety |
| Tailwind CSS v4 | Styling and design tokens |
| GSAP | ScrollTrigger and core animations |
| Resend | Email delivery for contact forms |
| React Hook Form + Zod | Form validation |
| Page | Route |
|---|---|
| Home | / |
| About | /about |
| Work | /work |
| Project Details | /work/[slug] |
| Services | /services |
| Contact | /contact |
| Element | Font | Weight | Size |
|---|---|---|---|
| Display | Fraunces | Normal | 60px - 148px |
| Headers | Fraunces | Normal | 24px - 72px |
| Body | Plus Jakarta Sans | Light | 15px |
| Labels | Plus Jakarta Sans | Normal | 13px (Uppercase) |
src/
app/ # Next.js App Router
components/
layout/ # Navbar, Footer, Providers
motion/ # GSAP animations, cursors
sections/ # Page sections
ui/ # Reusable atomic UI
data/ # Content and mock data
hooks/ # React hooks
lib/ # Utilities
styles/ # Global CSS
types/ # TS definitions
No reviews yet.