See it in action

Watch a site get woven.

Below is a made-up architecture firm’s Webflow site, built the way most are: good work, and almost nothing connecting it. Step through nine of the changes you can see, one at a time, and why each one matters. More happens behind the scenes; the last step shows what.

The walkthrough

Tessel & Moor, before and after.

A fictional firm on an example Webflow site. Every name, project and number in it is made up.

tessel-moor.webflow.io/journal/what-a-courtyard-does

Journal · News

What a courtyard does in a hot summer

Walk into an old adobe courtyard at three in the afternoon and the air feels different. It’s shaded, it’s still, and it’s several degrees cooler than the street. None of that is an accident.

A courtyard works as a small engine for passive cooling. At night, cool air settles into the open space, and the walls around it give up the heat they stored during the day. Heavy walls with plenty of thermal mass slow the swing between the hottest and coolest hours, so the rooms around the courtyard stay comfortable without much help from a machine.

We used the same idea on the Dry Creek Housing project, where twenty-four homes share three planted courtyards. The homes facing a courtyard need far less cooling than their neighbors on the street.

Courtyards aren’t free. They take land, and they need careful drainage for the few days a year it pours. But in a climate like ours, few design moves do as much with so little.

Tessel & Moor Architects · A fictional firm for this demo
Before

Your site next

Same work, finally connected.

Topicweave does this on your own Webflow site, in your own words. It finds each change and drafts it, you approve it, and it goes live. Nothing publishes on its own.