Vão Arquitetura
Practice Website
- Speculative project
- 2024
- Architecture / Web Design
- Web Design, WordPress, Elementor, Responsive Build
01Challenge
Architecture websites tend to bury projects in galleries or strip them of context. The practice needed a site its own team could maintain without diluting the precision of the work.
02Strategic idea
Build the site like a drawing set — sections, elevations, dimensions.
The grid is visible, whitespace is structural and every project opens with its section drawing.
03Creative direction
A concrete ground, black line work and one bold typographic mark. Photography is framed like plates in a monograph.
- Concrete#CFCDC6
- Graphite#1B1B19
- Plaster#F4F3EF
- Shadow#8F8C84
- MarkInstrument Sans BoldVÃO
- Title blocksGeist Mono23°33′S 46°38′W
04Interface
Project pages alternate drawings and photography on a strict grid, with technical data set in monospace like a title block.
05Interaction
Drawings trace themselves on entry; photographs follow with a measured delay.
06Responsive
Drawings are re-cropped for portrait screens instead of shrunk, keeping line weights legible on a phone.
07Development
WordPress and Elementor built on global styles and reusable templates, so the team can publish new projects without breaking the system.
08Learnings
A disciplined Elementor setup can hold a strict design system.
Handover documentation is part of the design.
Cropping drawings for mobile preserved more detail than scaling them.
Next project
Nubank Private