Process

01 Frame — define the site boundary diagram
02 Mass — establish primary volumes diagram
03 Carve — open circulation paths diagram
04 Layer — stack program vertically diagram

01. Frame: define the site boundary

Each step builds on the last: first the site edges are framed, then mass is introduced, circulation is carved through, program is layered, and structure finally resolves the whole. Use this body copy to narrate the concept sequence beside the diagram.

Process

01 Frame — define the site boundary diagram
02 Mass — establish primary volumes diagram
03 Carve — open circulation paths diagram
04 Layer — stack program vertically diagram

01. Frame: define the site boundary

Each step builds on the last: first the site edges are framed, then mass is introduced, circulation is carved through, program is layered, and structure finally resolves the whole. Use this body copy to narrate the concept sequence beside the diagram.

Process

01 Frame — define the site boundary diagram
02 Mass — establish primary volumes diagram
03 Carve — open circulation paths diagram
04 Layer — stack program vertically diagram

01. Frame: define the site boundary

Each step builds on the last: first the site edges are framed, then mass is introduced, circulation is carved through, program is layered, and structure finally resolves the whole. Use this body copy to narrate the concept sequence beside the diagram.

Create a free website with Framer, the website builder loved by startups, designers and agencies.