Skip to content
Agency & CreativePortfolioNext.js (React)

FORMA — Architecture & Interior Studio

Space, considered.

A gallery-grade portfolio template for an architecture and interior-design studio: confident negative space, a cinematic hero, an editorial project grid and image-led project stories — every visual a sophisticated CSS/SVG composition (plans, sections, axonometrics, material fields), so it ships with zero external images.

Next.js 15TypeScriptTailwind v4Framer MotionLenisnext/font

Role · Design + front-end build (Next.js; demo inquiry form) · Updated Jun 2026

Price · one-time licence
$2,800
Want it customised? Commission a build
  • Next.js 15 App Router source (TypeScript strict), static export with conditional basePath
  • 10 typed projects with briefs, specs, scroll stories and a keyboard-accessible lightbox
  • A filterable project index + a typed services list
  • 3 long-form journal articles in a typed content-block system
Delivery
24–48h
Licence
One-time licence · full source
Support
14 days setup support
Updates
Free updates included

Backend · Headless CMS / forms
Projects, services and journal live in a typed data layer with clean seams — connect a headless CMS; the inquiry form wires to any provider.

Delivered as full Next.js source. Connect a headless CMS for projects/journal and wire the inquiry form to your provider.

Live preview — the real build, running in your browser
yantracore.com/previews/forma/
FORMALoads the real, interactive build

What makes it special

01

Cinematic, editorial hero

A full-viewport architectural drawing with parallax and per-line text reveals sets a gallery tone — and reduces gracefully to an instant, static layout under prefers-reduced-motion.

02

Ten fully-authored projects

Residential, commercial, cultural, hospitality and masterplanning — each with a written brief, specs (area / year / location / role), an image-led scroll story and a focus-trapped lightbox.

03

Filterable project index

Filter the work by type with smooth animated grid transitions and keyboard-accessible controls — a real archive, not a static wall.

04

Drawn, not photographed

Every project visual is original CSS/SVG — plans, sections, axonometric forms, blueprint grids and material colour-fields — so there is nothing to host, zero CLS, and a coherent house style.

05

Editorial journal + AA accessibility

Three long-form articles in a typed content-block system, plus skip link, route focus management, aria-labelled controls and a validated demo inquiry form.

What’s included

  • Next.js 15 App Router source (TypeScript strict), static export with conditional basePath
  • 10 typed projects with briefs, specs, scroll stories and a keyboard-accessible lightbox
  • A filterable project index + a typed services list
  • 3 long-form journal articles in a typed content-block system
  • Self-hosted fonts, reduced-motion fallbacks, WCAG 2.2 AA, per-page metadata

Gallery

More Agency & Creative templates

Make FORMA yours.

Buy it as-is, or have YantraCore tailor it to your brand and content.