Trusted by teams at
Structon is an architecture website template for practices that win work by showing completed schemes. Six service areas, a project portfolio and a quote request flow, with CMS collections for projects, services and blog posts.
Architecture practices win work on the strength of what they have already built. Structon is an architecture website template organised around exactly that: a project portfolio with a dedicated page per scheme, service pages that explain each discipline properly, and a quote request route for people who have seen enough and want to talk.
It suits practices covering architecture, interior design, landscape design, urban planning, renovation and 3D visualization. Each of those has its own service page in the build, so a studio offering several disciplines can present them separately rather than compressing them into one list.
Static pages
CMS collection templates
Section folders
Utility pages
Blog, project, service and service entries are held in Webflow CMS collections. Adding an entry means filling in fields rather than rebuilding a page, and it appears in the relevant listings automatically. For a site that gets updated regularly, this is the part that decides whether it stays current.
Gallery 01 and Gallery 02 present work differently, one image-led and one structured. Keep whichever fits how your schemes photograph and delete the other. The same applies to the two contact pages. This is deliberate, so you are choosing a layout rather than commissioning one.
It presents your practice. It does not run client portals, drawing issue or document control, tender management or project scheduling. Those belong in the software your studio already runs. There is no online store, so if you sell drawings, guides or plan sets you will need one alongside it.
If you are a builder, roofer or trades contractor rather than a design practice, our other templates fit that job better. Structon assumes the work is the portfolio.
Projects, services and blog posts are CMS entries, so adding a completed scheme means filling in fields. The two gallery and two contact layouts are separate pages, so choosing one is a matter of deleting the other.
If you would rather not do it yourself, our team can customise this template for you, from colour and content changes through to new pages and custom functionality. Request a Webflow template customization quote, or read more about our Webflow customization service.
How do I add a new project?
Add an entry to the projects collection. It gets its own page and appears on the projects index automatically.
Why are there two gallery pages?
They present work differently, one image-led and one structured. Keep the one that suits how your schemes photograph and delete the other.
Can I sell drawings or plan sets?
Not in this build. There is no checkout, so you would add a store alongside it.
Does it handle client document sharing?
No. Drawing issue, document control and tender management belong in the software your practice already runs.
Do I need a developer?
No. Content and design changes are made in the Designer, and ongoing project entries can be added through the Editor.
Support and ongoing updates are included. Message us after purchase if you need the Figma file and we will send it over.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Uses fonts from Google's Web Font collection.
Display images and text elegantly on every device with our touch-friendly slider.
Bring life and motion to your design with background videos
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
All graphics are optimized for devices with high DPI screens.
Custom design for the 404 page of your website
Showcase high-res photos and videos on a black backdrop.
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Customize the built-in database for your project or just add new content.
Displays perfectly on desktops, tablets, and phones.
Build your lead lists and subscriber base with beautiful forms.
Comes with animations and interactions for additional polish and usability.
