Sobre o arqATLAS

O arqATLAS é um atlas ilustrado de uma página sobre como uma cidade sai da imaginação e vira lugar para morar. O título é o caminho do site, em três atos: Imagine, Projete e Habite.

Em Imagine, a megacidade que o cinema sonhou para 2019 aparece com seis pontos que dizem o que já existe e o que ainda é ficção. Em Projete, uma torre imaginada se desenha em linhas de luz conforme a página rola, e cada parte dela já existe em algum prédio real. Em Habite, São Paulo vai do pôr do sol à noite, com o Copan, o MASP e a Ponte Estaiada.

Um projeto de conceito

Este site é um projeto de conceito: não é de uma empresa nem de um escritório de arquitetura. Ele foi criado para mostrar como fica uma narrativa guiada pela rolagem, com ilustração, dados com fonte e movimento.

Todo número tem a fonte ao lado e na lista do rodapé. As quatro ilustrações foram feitas com IA, no estilo dos cenários de anime dos anos 90, e são a única arte do site. A Megacidade e a Torre-ícone são imaginadas; o Copan, o MASP e a Ponte Estaiada são de verdade.

Quem fez

O site foi desenhado e desenvolvido por Miguel Angelo, desenvolvedor full stack e designer de Franca (SP), que cuida do código, da interface e do movimento dos projetos que faz.

• Site: miguelrsant.com.br
• Instagram: @miguelrsant
• Código deste projeto no GitHub: miguelrsant/architect

Como foi feito

• Next.js, React e TypeScript, com CSS Modules e um design system próprio (cores amostradas das ilustrações).
• O desenho da Torre é um sombreador WebGL escrito sem biblioteca, guiado pela rolagem.
• Testes de unidade conferem os números, as fontes e a posição de cada ponto; testes no navegador conferem as cenas no computador e no celular.
• Tudo continua legível com movimento reduzido e sem JavaScript.