Structon

Structon is an architecture website template for architecture firms, design studios and urban planning consultancies. It ships for Webflow, Figma and HTML.

Architectural work is visual, so the site has to lead with the work itself. Structon puts projects, galleries and services in front of the visitor first, then explains who you are. Because the layout stays deliberately quiet, your photography does the selling.

Every section has one job. The hero states what you do. The project grid proves it. The services pages explain scope. Finally the contact pages ask for the brief. That order matches how a client actually shortlists a practice.

Explore the live preview now.

Structon at a Glance

Key Features of Structon

Clean and elegant design. Structon uses a minimalist frame. So your drawings, renders and site photos stay the loudest thing on the page. Clear typography and wide spacing carry the rest.

CMS powered. Webflow CMS drives the Blog, Projects and Services collections. That way you add a new project once and it appears across the site.

Two gallery pages. You get Gallery 01 and Gallery 02, in two different grid styles. Because practices photograph work differently, you can pick the one that suits your imagery.

Service presentation. There is a Services overview page and a Services detail template. The demo ships six services, such as architecture, interior design, urban planning, renovation, landscape design and 3D visualization.

Exclusive project showcase. A dedicated Project template gives each build its own page. So you can post the brief, the site constraints, the materials and the finished photos in one place.

Team introduction. The About page carries team bios and portraits. Clients commission people rather than logos, which means the individual faces genuinely matter.

Client testimonials. A testimonial section sits on the home page. Use it to show that past clients were happy with the process, not only the result.

Contact and consultation. You get Contact 01, Contact 02 and a Get a Quote page. Forms and clear buttons make it simple for a visitor to start a conversation.

Easy customization. The Webflow Designer handles colors, type and spacing. A built in style guide page lists the tokens, so a rebrand takes minutes rather than hours.

Animation, video and responsive sliders. Subtle motion and sliders help you show a project in sequence. However the animation stays light, so pages still load fast.

Watch on YouTube

Watch the walkthrough if you want to see the template in motion before you buy.

Pages Included in Structon

Structon ships 10 main pages: Home, About Us, Services, Projects, Gallery 01, Gallery 02, Blog, Contact Us 01, Contact Us 02 and Get a Quote.

On top of that you get 3 CMS collection templates, for a blog post, a project and a service. There are also 4 utility pages, which are the style guide, licenses, changelog and terms conditions. A 404 error page is included as well.

How to Use Structon

• Use the purchase widget on the right side of this page to buy the Structon template
• Follow the steps to get your site ready
• Replace content with your own
• Adjust the design slightly if you want
• Preview and publish

What Architecture Firms Should Look For in a Template

Most practice websites fail for the same reason: they bury the work. A visitor lands, scrolls past a lengthy mission statement, and leaves before seeing a single completed building.

So check three things before you buy any template. First, how many clicks does it take to reach a full project page? Second, can the image grid hold both landscape renders and tall interior shots? Third, is there a real place to explain scope and fees?

Structon answers all three. Projects sit one click from the home page, and the two gallery layouts handle mixed aspect ratios comfortably. The Services detail template and the Get a Quote page together cover scope and enquiries.

One more thing. Architecture buyers browse on phones during site visits, so test the mobile view first, not last.

Frequently Asked Questions

Is Structon suitable for a small architecture practice?

Yes. The CMS collections work with three projects just as well as thirty. You can hide the Blog and the second gallery if you do not need them yet.

Which formats does Structon ship in?

Structon is available as a Webflow template, a Figma file and a static HTML build. The Figma file is sold as its own product on this page, so pick the format you need at checkout.

Does Structon include a CMS?

Yes. The Webflow version uses Webflow CMS with three collections, which are Blog, Projects and Services. You edit content in the Editor without touching the design.

How many pages does Structon include?

There are 10 main pages, 3 CMS collection templates and 4 utility pages, plus a 404 error page.

Can I use Structon for an interior design or urban planning studio?

Yes. The demo already lists interior design, landscape design and urban planning as services. Only the copy and photography need to change.

Do I need to know Webflow to use Structon?

No. Basic Webflow knowledge helps, but the template ships with a style guide and named classes. So most owners can swap text and images on their own.

Need help with setup or customization? The TNCFlow support team answers quickly, and updates are free.

Check out other Webflow templates by TNCFlow.