An editorial architecture and interiors frontend with a cinematic homepage, filterable project archive, detailed case studies, studio storytelling, and accessible interactions.
SCBy SovranCode TeamLast updated Sep 24, 2026
Live preview Public demoOpens inside the SovranCode preview workspace.
Editorial studio homepageA cinematic architecture homepage with structured motion, selected work, expertise, and studio storytelling.
ITEM DETAILS
A complete architecture & interiors frontend, ready for your services.
FORMA — Editorial Architecture & Interior Studio brings a cinematic studio homepage, project archive, detailed case studies, editorial content, and enquiry experience into one considered architecture frontend.
7 page familiesStudio, archive, case-study, editorial, and contact routes.6 real screensHomepage, archive, case study, studio, contact, and mobile.
Responsive layouts
Desktop and mobile UI states included.
6 months supportQuestions about included features and documented setup.
WHO IT FITS
Built for studios whose work deserves an editorial home.
Start with a polished customer journey and operations interface, then connect the production services your business already trusts.
01
Architecture and interior studios
Build a deliberate practice presence with portfolio storytelling, studio context, project pages, and a clear enquiry route.
Direct fit02
Design practices and creative offices
Give a multidisciplinary creative team an editorial system that can grow past a simple gallery or one-page portfolio.
Strong fit03
Portfolio-led service businesses
Use project-led content, material detail, editorial rhythm, and responsive presentation to make expertise tangible.
Strong fit04
Agencies shipping editorial client sites
Start from an adaptable project, team, journal, and contact system with source-level control over content and design tokens.
Strong fit
Choose FORMA when
You want one coherent, responsive interface, full control of the source, and the freedom to connect your preferred services.
Budget integration time when
You need a real CMS, form delivery, consent, asset licensing, editorial approval, and production analytics.
From source to a live site, without infrastructure lock-in.
This package is a production Next.js application. Deploy it on Vercel or another Node-compatible Next.js runtime, then replace the demo integrations and validate every route before launch.
RECOMMENDED START
Deploy on Vercel
The shortest path from the supplied repository to a globally delivered production preview.
01
ImportConnect the repository to a new Vercel project.
02
ConfigureSet NEXT_PUBLIC_SITE_URL to the final origin.
03
BuildRun npm run build and verify every route.
02
Node-compatible host
Run npm ci and npm run build, then provide a Node.js 22+ runtime for npm run start or your host's equivalent process.
Alternative runtime
03
External backend
Connect your CMS, inquiry delivery, analytics, consent, asset pipeline, and editorial publishing workflow.
Best with existing services
04
Full Next.js runtime
Use a trusted CMS and server-side form endpoint when editorial publishing and enquiries need production reliability.
For server-side features
BUYER FAQ
Clear answers before checkout.
Based on the included source package, release documentation, and frontend license model.
01Is FORMA a CMS or an architecture practice backend?
No. FORMA is an editorial frontend source package. Its project archive, case studies, team, journal, and enquiry experience use fictional starter content. Connect a CMS, inquiry delivery, analytics, consent, and publication controls for a real studio launch.
02Can the contact or newsletter form send real messages?
No. The contact flow demonstrates native validation and a browser-side inquiry review only. The newsletter control also stays within the demo. Add server validation, anti-spam, consent, delivery, retention, and incident handling before collecting real inquiries.
03What does the project archive include?
The archive includes search, category filtering, sorting, grid and editorial-index modes, eleven project case studies, galleries, and illustrative drawing viewers. Keyboard escape and focus restoration are included for interactive dialogs and galleries.
04Where can I host FORMA?
FORMA is a production Next.js application. Run npm ci and npm run build, set NEXT_PUBLIC_SITE_URL to the final HTTPS origin, and deploy on Vercel or another Node-compatible Next.js runtime. Validate the deployed build after replacing starter content.
05Can I use the included photography and architectural drawings?
The package documents asset provenance in ASSETS.md, CREDITS.md, IMAGE_PROMPTS.md, and public image-source records. Replace or clear reference photography and fictional drawings unless you have rights and factual approval for your intended use.
06Which license should I choose?
Personal starts at $79 and covers one production project you own. Commercial starts at $119 and covers multiple projects for one business. Agency starts at $159 and covers unlimited internal and client projects. All three options license the same frontend source package.
RELEASE NOTES
Frontend package and release checks.
16 checks recordedSee release documentation for the full checklist.ZIP tested from scratchInstall, validation, and runtime build from the packaged source.Frontend source onlyConnect your own CMS, inquiry delivery, asset pipeline, analytics, consent, and publication controls.
v1.0.0LatestSep 24, 2026
Initial frontend release
Initial SovranCode frontend release
Personal license starts at $79
Eleven project case studies, four team profiles, six journal entries, and seven expertise disciplines
Responsive, keyboard-aware, and reduced-motion-aware interactions are included
Imagery provenance and commercial replacement guidance are included in the buyer package
SOVRANCODE SUPPORT
Need help with the included product?
Support covers included features, documented setup, and confirmed template bugs. Custom development, hosting configuration, and third-party service integration are separate services.