---
title: "Sobre o arqATLAS, um atlas ilustrado do futuro das cidades"
description: "O arqATLAS é um projeto de conceito de Miguel Angelo: um atlas ilustrado de uma página sobre como uma cidade sai da imaginação e vira lugar para morar."
canonical: https://arqatlas-theta.vercel.app/sobre
last-updated: 2026-11-11
---

# Sobre o arqATLAS

> O arqATLAS é um projeto de conceito de Miguel Angelo: um atlas ilustrado de uma página sobre como uma cidade sai da imaginação e vira lugar para morar.

Versão em HTML: https://arqatlas-theta.vercel.app/sobre

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](https://miguelrsant.com.br), 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](https://miguelrsant.com.br)
- Instagram: [@miguelrsant](https://www.instagram.com/miguelrsant/)
- Código deste projeto no GitHub: [miguelrsant/architect](https://github.com/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.

## Páginas

- [Início](https://arqatlas-theta.vercel.app/index.md)
- [Sobre](https://arqatlas-theta.vercel.app/sobre.md)
- [Contato](https://arqatlas-theta.vercel.app/contato.md)
- [Privacidade](https://arqatlas-theta.vercel.app/privacidade.md)
- [llms.txt](https://arqatlas-theta.vercel.app/llms.txt)
- [Sitemap](https://arqatlas-theta.vercel.app/sitemap.xml)